Merge remote-tracking branch 'origin/zaul-new-branch' into moreUpgrading

1 files changed, 78 insertions, 1 deletions

diff --git a/src/client/views/nodes/MapBox/MapAnchorMenu.scss b/src/client/views/nodes/MapBox/MapAnchorMenu.scss
index 6990bdcf1..c36d98afe 100644
--- a/src/client/views/nodes/MapBox/MapAnchorMenu.scss
+++ b/src/client/views/nodes/MapBox/MapAnchorMenu.scss
@@ -51,4 +51,81 @@
             border: 2px solid white;
         }
     }
-}
\ No newline at end of file
+}
+
+.map-anchor-menu-container {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    padding: 5px;
+    height: max-content;
+    min-width: 300px;
+
+    .direction-inputs {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+
+        #get-routes-button {
+            padding: 8px 10px;
+            border-radius: 5px;
+        }
+    }
+
+    .MuiInputBase-input{
+        color: white !important;
+    }
+    
+    
+    .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled{
+        -webkit-text-fill-color: #b3b2b2 !important;
+    }
+
+    .current-route-info-container {
+        width: 100%;
+
+        .transportation-icons-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 5px;
+        }
+
+        .selected-route-details-container{
+            display: flex;
+            flex-direction: column;
+            gap: 3px;
+            justify-content: center;
+            align-items: flex-start;
+            padding: 5px;
+        }
+
+
+    }
+
+    .customized-marker-container{
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+
+        .current-marker-container{
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+
+        .all-markers-container{
+            display: flex;
+            align-items:  center;
+            gap: 10px;
+            flex-wrap: wrap;
+            max-width: 400px;
+        }
+    }
+
+
+
+
+}
+
+