From dedb3b19ee2f1afac3c008b2b8aeff5ccd8309da Mon Sep 17 00:00:00 2001 From: swift-river542 Date: Wed, 16 Sep 2026 23:11:51 -0500 Subject: [PATCH] Phone map slots are 80px taller (twice as tall as wide) --- app/components/DoxaMapSlot.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/app/components/DoxaMapSlot.vue b/app/components/DoxaMapSlot.vue index fcac9a44..33f55751 100644 --- a/app/components/DoxaMapSlot.vue +++ b/app/components/DoxaMapSlot.vue @@ -58,11 +58,11 @@ const isSimple = props.bundle === 'simple-map' @media (max-width: 768px) { .doxa-map-slot { min-height: 0; - /* Was 1 / 2 — twice as tall as wide, ~780px on a 390px phone ("too tall on mobile", - 2026-09-16). 2 / 3 keeps room for the legend sheet and the toolbar; the cap keeps the - map inside one screen so the page below it stays reachable. */ - aspect-ratio: 9 / 16; - max-height: 85svh; + /* Phone height: twice as tall as wide (~734px on a 390px phone) — 80px more map than the + 9/16 it replaced, with room for the search band, the toolbar and the legend sheet. The + cap keeps the map inside one screen so the page below it stays reachable. */ + aspect-ratio: 1 / 2; + max-height: 90svh; } }