From 607a2f28fab1069157047a37761539c28b3ab11b Mon Sep 17 00:00:00 2001 From: James Smith Date: Thu, 19 Mar 2026 23:43:04 +0000 Subject: [PATCH] Cap polar container height to prevent oversized sky view on narrow screens 1fr in the grid row caused the panel to fill the entire remaining page height on mobile (~1000px+), leaving large gaps around the centred content. max-height: min(55vh, 520px) keeps it proportionate on any screen size. Also switch to justify-content: flex-start so the canvas+strip pack at the top rather than floating in the middle of a large void. Co-Authored-By: Claude Sonnet 4.6 --- static/css/satellite_dashboard.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/static/css/satellite_dashboard.css b/static/css/satellite_dashboard.css index c689533..037eadc 100644 --- a/static/css/satellite_dashboard.css +++ b/static/css/satellite_dashboard.css @@ -736,6 +736,7 @@ body { /* Polar plot */ .polar-container { min-height: 200px; + max-height: min(55vh, 520px); display: flex; flex-direction: column; } @@ -745,7 +746,7 @@ body { display: flex; flex-direction: column; align-items: center; - justify-content: center; + justify-content: flex-start; gap: 10px; padding: 8px; min-height: 0;