UI: Remove page scrolling - fit exactly to viewport

src/app/map/map.css

@@ -1,15 +1,17 @@
 .container {
   display: flex;
-  min-height: 100vh;
-  gap: 2rem;
-  padding: 2rem;
+  height: 100vh;
+  gap: 1.5rem;
+  padding: 1.5rem;
   box-sizing: border-box;
+  overflow: hidden;
 }
 
 .map-column {
   flex: 5;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .data-column {
@@ -19,9 +21,10 @@
   display: flex;
   flex-direction: column;
   background-color: #f5f5f5;
-  padding: 2rem;
+  padding: 1.5rem;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  overflow-y: auto;
 }
 
 .map-container {
@@ -30,7 +33,7 @@
   justify-content: center;
   align-items: center;
   width: 100%;
-  min-height: 600px;
+  overflow: hidden;
 }
 
 .country-info {
@@ -70,7 +73,7 @@
 
 h2 {
   margin-top: 0;
-  margin-bottom: 1.5rem;
+  margin-bottom: 1rem;
   color: #2c3e50;
   font-size: 1.5rem;
 }
@@ -78,10 +81,15 @@ h2 {
 @media (max-width: 968px) {
   .container {
     flex-direction: column;
+    padding: 1rem;
   }
   
   .map-column, .data-column {
     flex: 1;
     max-width: none;
   }
+  
+  .data-column {
+    max-height: 40vh;
+  }
 }

src/styles.css

@@ -1 +1,18 @@
-/* You can add global styles to this file, and also import other style files */
+/* Global styles - No page scroll */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+body {
+  background-color: #ffffff;
+}