From 4f26bd6981d89e4af8e611a88e6fbde863058f11 Mon Sep 17 00:00:00 2001
From: Josh-Dev-Quest <naruto.hiuga.hinata@proton.me>
Date: Sun, 1 Mar 2026 16:25:46 +0100
Subject: [PATCH] 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 | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/map.css b/css/map.css
index ba46085..7335788 100644
--- a/css/map.css
+++ b/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;
     }
-}
\ No newline at end of file
+}