From bc23855777633dfd1caf7237b75c1e8fee88dff4 Mon Sep 17 00:00:00 2001
From: zaultavangar <zaul_tavangar@brown.edu>
Date: Mon, 11 Dec 2023 20:37:52 -0500
Subject: new updates to map feature

---
 src/client/views/nodes/MapBox/MapBox.scss | 40 +++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

(limited to 'src/client/views/nodes/MapBox/MapBox.scss')

diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index 946c6f495..bc2f90fbd 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -12,8 +12,10 @@
         font-size: 17;
     }
     .mapBox-searchbar {
-        // display: flex;
-        // flex-direction: row;
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        align-items: center;
         width: calc(100% - 40px);
 
         // .editableText-container {
@@ -25,6 +27,38 @@
         // }
     }
 
+    .mapbox-settings-panel{
+        z-index: 900;
+        padding: 10px 20px;
+        display: flex;
+        background-color: rgb(187, 187, 187);
+        font-size: 1.3em;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        gap: 7px;
+        position: absolute;
+        border-top-left-radius: 5px;
+        border-bottom-left-radius: 5px;
+
+        .mapbox-style-select{
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            justify-content: center;
+            gap: 4px;
+        }
+
+        .mapbox-terrain-selection{
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            gap: 4px;
+        }
+
+    }
+
     .mapbox-geocoding-search-results {
         z-index: 900;
         display: flex;
@@ -35,6 +69,8 @@
         background-color: rgb(187, 187, 187);
         font-size: 1.4em;
         padding: 10px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px;
 
         .search-result-container {
             width: 100%;
-- 
cgit v1.2.3-70-g09d2