From a1d995bbfdbf7f96cb85b0c83f4a5b90f9a33c58 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Mon, 24 Nov 2025 10:20:19 +0100 Subject: [PATCH 1/2] Break overlay to one column on narrow screens --- components/src/maplibre/Map/Map.svelte | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/components/src/maplibre/Map/Map.svelte b/components/src/maplibre/Map/Map.svelte index 68473772..a81ce57b 100644 --- a/components/src/maplibre/Map/Map.svelte +++ b/components/src/maplibre/Map/Map.svelte @@ -205,7 +205,6 @@ .debug { position: absolute; top: 0; - right: 0; background: rgba(0, 0, 0, 0.75); color: white; z-index: 1000; @@ -213,7 +212,13 @@ font-size: 10px; font-family: monospace; display: flex; - gap: 1em; + flex-flow: column; + @media (min-width: 600px) { + gap: 1em; + left: auto; + right: 0; + flex-flow: row; + } li { list-style: none; } From f39011b91b234f672390cd659d0158b9eebd90e2 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Mon, 24 Nov 2025 10:24:42 +0100 Subject: [PATCH 2/2] Drop unused rule --- components/src/maplibre/Map/Map.svelte | 1 - 1 file changed, 1 deletion(-) diff --git a/components/src/maplibre/Map/Map.svelte b/components/src/maplibre/Map/Map.svelte index a81ce57b..d5496465 100644 --- a/components/src/maplibre/Map/Map.svelte +++ b/components/src/maplibre/Map/Map.svelte @@ -215,7 +215,6 @@ flex-flow: column; @media (min-width: 600px) { gap: 1em; - left: auto; right: 0; flex-flow: row; }