Reasonable weather sizing, enable scroll

index.html

@@ -82,7 +82,7 @@
             width: clamp(260px, min(33vh, 28vw), 40vw);
             display: flex;
             flex-direction: column;
-            overflow-y: hidden;
+            overflow-y: auto;
             align-items: stretch;
         }
 
@@ -150,35 +150,35 @@
         .weather-current {
             display: flex;
             align-items: center;
-            gap: 0.8vw;
+            gap: 0.6vw;
-            padding: 0.6vh 0 0.8vh 0;
+            padding: 0.4vh 0 0.6vh 0;
             border-bottom: 1px solid rgba(230, 223, 209, 0.2);
-            margin-bottom: 0.8vh;
+            margin-bottom: 0.6vh;
         }
         .weather-current-icon {
-            width: 3em;
+            width: 2.4em;
-            height: 3em;
+            height: 2.4em;
             flex-shrink: 0;
         }
         .weather-current-icon svg { width: 100%; height: 100%; }
         .weather-current-temp {
-            font-size: 2.2em;
+            font-size: 1.8em;
             font-weight: bold;
         }
         .weather-current-detail {
-            font-size: 1em;
+            font-size: 0.9em;
             color: #b0a89a;
             line-height: 1.3;
         }
         .weather-day {
-            margin-bottom: 0.8vh;
+            margin-bottom: 0.6vh;
         }
         .weather-day-header {
             display: flex;
             justify-content: space-between;
             align-items: baseline;
-            padding: 0.3vh 0;
+            padding: 0.2vh 0;
-            font-size: 1.15em;
+            font-size: 1em;
         }
         .weather-day-name {
             color: #e6dfd1;
@@ -186,30 +186,30 @@
         }
         .weather-day-minmax {
             color: #999187;
-            font-size: 0.95em;
+            font-size: 0.85em;
         }
         .weather-day-slots {
             display: flex;
             justify-content: space-between;
-            gap: 0.4vw;
+            gap: 0.3vw;
-            font-size: 1.05em;
+            font-size: 0.9em;
-            margin-top: 0.4vh;
+            margin-top: 0.3vh;
         }
         .weather-slot {
             display: flex;
             flex-direction: column;
             align-items: center;
             flex: 1;
-            gap: 0.4vh;
+            gap: 0.3vh;
         }
         .weather-slot-icon {
-            width: 2.5em;
+            width: 2em;
-            height: 2.5em;
+            height: 2em;
         }
         .weather-slot-icon svg { width: 100%; height: 100%; }
         .weather-slot-label {
             color: #999187;
-            font-size: 0.85em;
+            font-size: 0.8em;
         }
         .weather-slot-temp {
             color: #e6dfd1;