diff --git a/public/css/main.css b/public/css/main.css index 14bf1cc..7f30fd4 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -202,8 +202,8 @@ body.landscape .weather-section { } body.landscape .departure-container { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); + display: flex; + flex-direction: column; gap: var(--kiosk-gap); overflow-y: auto; overflow-x: hidden; @@ -222,18 +222,21 @@ body.landscape .weather-container { } body.landscape .departure-card { - min-height: 65px; + min-height: 80px; background-color: var(--color-surface-kiosk); border: 1px solid rgba(255, 255, 255, 0.06); + border-radius: 4px; + width: 100%; + flex-shrink: 0; } body.landscape .line-number-box { - min-width: 90px; - width: 90px; + min-width: 110px; + width: 110px; } body.landscape .line-number-large { - font-size: 3.5em; + font-size: 3em; } body.landscape .site-container { @@ -259,6 +262,7 @@ body.landscape #daylight-hours-bar { /* Dark card surfaces for landscape */ body.landscape .direction-destination { color: var(--color-text-light); + font-size: 1.3em; } body.landscape .countdown-large { @@ -283,19 +287,19 @@ body.landscape .direction-row { /* Hero countdown in landscape */ body.landscape .countdown-large { - font-size: var(--kiosk-countdown-size); + font-size: 2.5em; } body.landscape .times-container { - min-width: 130px; - max-width: 160px; + min-width: 200px; + max-width: 280px; } body.landscape .next-departures { - font-size: 0.7em; + font-size: 1em; color: var(--color-text-secondary); white-space: nowrap; - letter-spacing: 0.5px; + letter-spacing: 1px; } /* ========================================