diff --git a/index.html b/index.html
index 4510b5e..d93ad7c 100644
--- a/index.html
+++ b/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;
- padding: 0.6vh 0 0.8vh 0;
+ gap: 0.6vw;
+ 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;
- height: 3em;
+ width: 2.4em;
+ 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;
- font-size: 1.15em;
+ padding: 0.2vh 0;
+ 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;
- font-size: 1.05em;
- margin-top: 0.4vh;
+ gap: 0.3vw;
+ font-size: 0.9em;
+ 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;
- height: 2.5em;
+ width: 2em;
+ 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;