From 0365b3466ae9ba893e8e120ef1e740cfa385a849 Mon Sep 17 00:00:00 2001 From: Smittix Date: Thu, 29 Jan 2026 09:03:04 +0000 Subject: [PATCH] fix: Adjust ADS-B dashboard height to prevent bottom controls cutoff Increased viewport height offset from 95px to 115px to account for the actual combined height of header and stats strip elements. Co-Authored-By: Claude Opus 4.5 --- static/css/adsb_dashboard.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css index 59bb36e..a268aba 100644 --- a/static/css/adsb_dashboard.css +++ b/static/css/adsb_dashboard.css @@ -172,15 +172,15 @@ body { } /* Main dashboard grid - Mobile first */ -/* Header ~55px + Stats strip ~36px = ~91px, using 95px for safety */ +/* Header ~55px + Stats strip ~55px = ~110px, using 115px for safety */ .dashboard { position: relative; z-index: 10; display: flex; flex-direction: column; gap: 0; - height: calc(100dvh - 95px); - height: calc(100vh - 95px); /* Fallback */ + height: calc(100dvh - 115px); + height: calc(100vh - 115px); /* Fallback */ min-height: 400px; } @@ -216,7 +216,7 @@ body { @media (min-width: 1024px) { .acars-sidebar { display: flex; - max-height: calc(100dvh - 95px); + max-height: calc(100dvh - 115px); } } @@ -1153,7 +1153,7 @@ body { display: flex !important; flex-direction: column !important; height: auto !important; - min-height: calc(100dvh - 95px); + min-height: calc(100dvh - 115px); overflow-y: auto !important; overflow-x: hidden; -webkit-overflow-scrolling: touch;