style: simplify map area styles

This commit is contained in:
Josh-Dev-Quest 2026-03-01 17:38:07 +01:00 committed by Josh-Dev-Quest (aider)
parent 6ba26cb792
commit 2e2ed1b217
No known key found for this signature in database

View File

@ -21,12 +21,8 @@
/* Map Area */ /* Map Area */
.map-area { .map-area {
flex: 1; flex: 1;
width: 0; /* This is important for flex layout calculations */
position: relative; position: relative;
} }
transition: transform 0.3s ease;
z-index: 10;
}
.sidebar-header { .sidebar-header {
padding: 20px; padding: 20px;
@ -298,12 +294,6 @@
margin: 0; margin: 0;
} }
/* Map Area */
.map-area {
flex: 1;
position: relative;
}
#map { #map {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -512,22 +502,22 @@
height: 100%; height: 100%;
transform: translateX(-100%); transform: translateX(-100%);
} }
.sidebar.active { .sidebar.active {
transform: translateX(0); transform: translateX(0);
} }
.app-container { .app-container {
flex-direction: column; flex-direction: column;
} }
.map-controls { .map-controls {
top: auto; top: auto;
bottom: 20px; bottom: 20px;
right: 20px; right: 20px;
flex-direction: row; flex-direction: row;
} }
.mode-indicator { .mode-indicator {
top: 10px; top: 10px;
left: 10px; left: 10px;