Fix alignment issue

This commit is contained in:
fraxle
2026-07-06 18:45:46 +01:00
parent 56ec002b41
commit fd7ed5dfcc
2 changed files with 12 additions and 0 deletions
+4
View File
@@ -638,6 +638,10 @@ body.tl-scrubbing * { transition: none !important; }
grid-area: auto; grid-area: auto;
} }
.header-left {
align-items: center; /* centre the wordmark along with everything else */
}
.header-right { .header-right {
align-items: center; /* centre the "Why it feels like" panel under the dial */ align-items: center; /* centre the "Why it feels like" panel under the dial */
} }
+8
View File
@@ -1130,6 +1130,14 @@
gap: 3px; gap: 3px;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
/* header.css sets align-items: center for the same tablet breakpoint, but
since ui.css is @imported after header.css in sunscope.css it wins at
equal specificity - so the tablet override has to live here instead. */
@media (max-width: 960px) {
.utci-recent-locs {
align-items: center;
}
}
.utci-recent-label { .utci-recent-label {
font-family: Manrope, sans-serif; font-family: Manrope, sans-serif;
font-size: 9px; font-size: 9px;