From 6cc9e5353fbba911f58985fa340cb36dc7dc752c Mon Sep 17 00:00:00 2001
From: Nick Franczak <46872531+nfranczak@users.noreply.github.com>
Date: Fri, 5 May 2023 11:39:13 -0400
Subject: [PATCH] RSDK-2959 - SLAM UI does not resize well (#2324)

---
 web/frontend/src/components/slam-2d-render.vue | 3 +--
 web/frontend/src/components/slam.vue           | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/frontend/src/components/slam-2d-render.vue b/web/frontend/src/components/slam-2d-render.vue
index d466c45f697b..f394e7f098f1 100644
--- a/web/frontend/src/components/slam-2d-render.vue
+++ b/web/frontend/src/components/slam-2d-render.vue
@@ -115,7 +115,6 @@ raycaster.on('click', (event: THREE.Event) => {
  * svgLoader example for webgl:
  * https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_svg.html
  */
-//
 const svgLoader = new SVGLoader();
 const makeMarker = async (url : string, name: string, scalar: number) => {
   const data = await svgLoader.loadAsync(url);
@@ -411,7 +410,7 @@ watch(() => props.pointCloudUpdateCount, () => {
 <template>
   <div
     ref="container"
-    class="pcd-container relative w-full"
+    class="relative w-full"
   >
     <p class="absolute left-3 top-3 bg-white text-xs">
       Grid set to 1 meter
diff --git a/web/frontend/src/components/slam.vue b/web/frontend/src/components/slam.vue
index c5c64937a443..49543a253696 100644
--- a/web/frontend/src/components/slam.vue
+++ b/web/frontend/src/components/slam.vue
@@ -501,7 +501,7 @@ onUnmounted(() => {
           />
         </div>
       </div>
-      <div class="gap-4x border-medium justify-start sm:border-l">
+      <div class="gap-4x border-border-1 w-full justify-start sm:border-l">
         <div
           v-if="refreshErrorMessage2d && show2d"
           class="border-l-4 border-red-500 bg-gray-100 px-4 py-3"