Fix navbar styles & map position

static/css/custom.css

@@ -1,5 +1,5 @@
 .custom-navbar {
-    height: 44px;
+    height: var(--navbar-height);
     padding-top: 0rem;
     padding-bottom: 0rem;
     z-index: 1000;
@@ -17,12 +17,12 @@
 }
 
 .nav-link:hover {
-    color: var(--bs-light) !important;; 
+    color: white !important;; 
     background-color: var(--bs-primary); 
 }
 
 .nav-link.active {
-    color: var(--bs-light) !important; 
+    color: white !important; 
     background-color: var(--bs-primary); 
 }
 
@@ -47,4 +47,37 @@
 }
 .card-header {
     cursor: pointer;
+}
+
+:root {
+    --navbar-height: 44px;
+}
+
+.map-container {
+    position: relative;
+    width: 100%;
+    height: calc(100vh - var(--navbar-height));
+    top: var(--navbar-height);
+}
+
+.coordinates-display {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background: #fff;
+    padding: 3px 8px;
+    font-family: Arial, sans-serif;
+    font-size: 14px;
+    z-index: 1000;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    border: 1px solid #ccc;
+    width: auto;
+    white-space: nowrap;
+}
+
+.panel-container {
+    position: absolute;
+    bottom: 20px;
+    right: 20px;
+    z-index: 1000;
 }