diff --git a/assets/css/header.css b/assets/css/header.css
index 4b07dc4..66b6fd2 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -301,7 +301,7 @@
.scope-env-label {
font-family: Manrope, sans-serif;
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -342,6 +342,9 @@
.scope-env-row .cs-btn .cs-btn-label {
position: relative;
z-index: 1;
+ font-family: Manrope, sans-serif;
+ font-size: 15px;
+ font-weight: 600;
}
/* Arrow pinned right, above the overlay */
diff --git a/assets/css/table.css b/assets/css/table.css
index 58468b8..8e305f0 100644
--- a/assets/css/table.css
+++ b/assets/css/table.css
@@ -86,7 +86,7 @@
.utci-day-tab {
flex: 1 0 auto;
- padding: 12px 24px;
+ padding: 10px 20px;
cursor: pointer;
font-family: Manrope, sans-serif;
font-size: 10px;
diff --git a/assets/css/ui.css b/assets/css/ui.css
index 213f4aa..ff3902e 100644
--- a/assets/css/ui.css
+++ b/assets/css/ui.css
@@ -340,7 +340,7 @@
background: #f5edd6;
color: #6b4228;
font-family: Manrope, sans-serif;
- font-size: 13px;
+ font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -495,7 +495,7 @@
display: block;
line-height: 24px;
text-align: center;
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
@@ -689,7 +689,7 @@
align-items: center;
justify-content: center;
font-family: Manrope, sans-serif;
- font-size: 9px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
@@ -1379,7 +1379,7 @@
}
.insight-env-footer-label {
font-family: Manrope, sans-serif;
- font-size: 10px;
+ font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -1392,6 +1392,11 @@
padding: 0;
align-items: stretch;
}
+.insight-env-footer .scope-env-label {
+ font-family: Manrope, sans-serif;
+ font-size: 15px;
+ color: #4a3420;
+}
.insight-env-footer .cs-wrap,
.insight-env-footer .cs-btn {
width: 100%;
@@ -1402,6 +1407,7 @@
isolation: isolate;
border-radius: 4px;
}
+.insight-env-footer .cs-btn .cs-btn-label { font-size: 15px; }
.insight-env-footer .cs-btn .cs-btn-overlay {
display: block;
position: absolute;
@@ -1512,7 +1518,7 @@
/* Section heading - "WHY IT FEELS" */
.insight-panel-title {
font-family: Manrope, sans-serif;
- font-size: 10px;
+ font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -1528,7 +1534,7 @@
display: inline-block;
padding: 2px 7px;
border-radius: 3px;
- font-size: 9px;
+ font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
@@ -1543,7 +1549,7 @@
padding: 5px 0;
border-bottom: 1px solid #ede4cc;
font-family: Manrope, sans-serif;
- font-size: 13px;
+ font-size: 15px;
}
.insight-row:last-child {
@@ -1562,13 +1568,13 @@
.insight-label {
flex: 1;
color: #4a3420;
- font-size: 13px;
+ font-size: 15px;
}
/* Delta values for "Why it feels like this" */
.insight-delta {
font-family: JetBrains Mono, monospace;
- font-size: 13px;
+ font-size: 15px;
font-weight: 600;
min-width: 44px;
text-align: right;
@@ -1586,7 +1592,7 @@
/* Values for "Today at a glance" */
.insight-value {
font-family: JetBrains Mono, monospace;
- font-size: 12px;
+ font-size: 15px;
font-weight: 600;
color: #4a3420;
text-align: right;
diff --git a/assets/js/components/DayTabs.js b/assets/js/components/DayTabs.js
index a7cb69b..0ec0d92 100644
--- a/assets/js/components/DayTabs.js
+++ b/assets/js/components/DayTabs.js
@@ -359,10 +359,10 @@ export function DayTabs({
${dDate.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', timeZone: 'UTC' })}
-
+
${showPrecip
- ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${22} />`
- : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${22} />`}
+ ? html`<${PrecipIcon} precip=${dayPrecip} snow=${daySnow} size=${30} />`
+ : html`<${CloudIcon} category=${modalCloudCat} elev=${repElev} dt=${repDt} size=${30} />`}
${dayHi !== null && html`