gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile header spacing

Browse Source
This commit is contained in:
fraxle
2026-05-18 21:38:21 +01:00
parent bc0c203263
commit 0aad826934
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/header.css
+4 -1
View File
@@ -173,7 +173,6 @@
.utci-header { .utci-header {
grid-template-columns: 1fr; /* single column — stack title, dial, search */ grid-template-columns: 1fr; /* single column — stack title, dial, search */
gap: 20px; gap: 20px;
padding-top: 16px; /* extra breathing room below fixed nav */
padding-bottom: 24px; padding-bottom: 24px;
margin-bottom: 24px; margin-bottom: 24px;
} }
@@ -192,6 +191,10 @@
margin: 0 auto; /* centre the dial */ margin: 0 auto; /* centre the dial */
} }
.utci-current-loc {
margin-top: 4px; /* tighten gap above location on mobile */
}
.utci-search-wrap { .utci-search-wrap {
width: 100%; /* full-width search box */ width: 100%; /* full-width search box */
} }
assets/css/ui.css
+1 -1
View File
@@ -276,7 +276,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.event-banner-wrap { .event-banner-wrap {
margin-top: 8px; /* push banner clear of the fixed nav bar */ margin-top: 8px; /* push banner clear of the fixed nav bar */
margin-bottom: 18px; /* breathing room between banner and header */ margin-bottom: 0; /* no gap between banner and header on mobile */
} }
.event-banner { .event-banner {