merged with zaul's branch

1 files changed, 12 insertions, 19 deletions

diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index 434e02b27..0987f8795 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -4,6 +4,7 @@
     height: 100%;
     overflow: hidden;
     display: flex;
+    position: absolute;
 
     .mapBox-infoWindow {
         background-color: white;
@@ -27,7 +28,7 @@
         // }
     }
 
-    .mapbox-settings-panel{
+    .mapbox-settings-panel {
         z-index: 900;
         padding: 10px 20px;
         display: flex;
@@ -41,7 +42,7 @@
         border-top-left-radius: 5px;
         border-bottom-left-radius: 5px;
 
-        .mapbox-style-select{
+        .mapbox-style-select {
             display: flex;
             flex-direction: column;
             align-items: flex-start;
@@ -49,14 +50,13 @@
             gap: 4px;
         }
 
-        .mapbox-terrain-selection{
+        .mapbox-terrain-selection {
             display: flex;
             flex-direction: row;
             align-items: center;
             justify-content: flex-start;
             gap: 4px;
         }
-
     }
 
     .mapbox-geocoding-search-results {
@@ -75,11 +75,10 @@
         .search-result-container {
             width: 100%;
             padding: 10px;
-            &:hover{
+            &:hover {
                 background-color: lighten(rgb(187, 187, 187), 10%);
             }
         }
-
     }
 
     .animation-panel {
@@ -88,12 +87,11 @@
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
-        position: absolute;
         background-color: rgb(187, 187, 187);
         padding: 10px;
         border-top-right-radius: 5px;
         border-bottom-right-radius: 5px;
-        width: 100%;
+        position: absolute;
 
         #route-to-animate-title {
             font-size: 1.25em;
@@ -106,7 +104,7 @@
             align-items: center;
             gap: 7px;
 
-            .animation-suboptions{
+            .animation-suboptions {
                 display: flex;
                 justify-content: flex-start;
                 flex-wrap: wrap;
@@ -114,25 +112,23 @@
                 gap: 7px;
                 width: 100%;
 
-                .first-person-label{
+                .first-person-label {
                     width: '130px' !important;
                 }
 
-                label{
+                label {
                     margin-bottom: 0;
                 }
-    
-                .speed-label{
+
+                .speed-label {
                     margin-right: 5px;
                 }
 
-                #divider{
+                #divider {
                     margin-left: 10px;
                     margin-right: 10px;
                 }
             }
-
-            
         }
     }
 
@@ -149,10 +145,8 @@
         bottom: 5px;
         left: 5px;
         padding: 3px;
-
     }
 
-
     .mapBox-topbar {
         display: flex;
         flex-direction: row;
@@ -236,4 +230,3 @@
         display: block;
     }
 }
-