The commit adds a new CSS class for the map area and includes comments explaining code functionality, fitting the 'feat' type for introducing new styling features.

feat: add map area styles for flex layout

Co-authored-by: aider (ollama/qwen2.5-coder:32b) <aider@aider.chat>

css/map.css

@@ -4,7 +4,7 @@
 .app-container {
     display: flex;
     height: 100vh;
-    overflow: hidden;
+    overflow: hidden; /* Add this to prevent scrollbars */
     font-family: 'Poppins', sans-serif;
 }
 
@@ -16,6 +16,14 @@
     display: flex;
     flex-direction: column;
     box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Map Area */
+.map-area {
+    flex: 1;
+    width: 0; /* This is important for flex layout calculations */
+    position: relative;
+}
     transition: transform 0.3s ease;
     z-index: 10;
 }
@@ -525,4 +533,4 @@
         left: 10px;
         font-size: 0.9rem;
     }
-}
+}