Improve responsive UI layout

Author: louis-e

src/gui/css/styles.css

@@ -63,6 +63,7 @@ a:hover {
   justify-content: center;
   align-items: stretch;
   margin-top: 5px;
+  min-height: 60vh;
 }
 
 .section {
@@ -79,6 +80,12 @@ a:hover {
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+}
+
+.map-box {
+  min-height: 400px;
 }
 
 .controls-content {
@@ -94,6 +101,8 @@ a:hover {
 .map-container {
   border: 2px solid #e0e0e0;
   border-radius: 8px;
+  flex-grow: 1;
+  min-height: 300px;
 }
 
 .section h2 {