From ce860cfef95e759ca53c0a9d1e5038d1de36fd1d Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Sun, 21 Jun 2026 23:54:13 +0200
Subject: [PATCH] fix(map): move fullscreen button outside feed-map div,
 top-right corner

MapLibre's attribution button occupies bottom-right of the container.
Moving our button out of the map div avoids MapLibre's DOM entirely,
and top-right is clear of all default MapLibre controls.
Position anchor moves to feed-map-wrap (position:relative).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
---
 themes/intotheeast/css/style.css               |  4 ++--
 themes/intotheeast/templates/dailies.html.twig | 15 +++++++--------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 8aa1aa4..b272344 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -645,6 +645,7 @@ body::after {
 /* ── Mini-map on tracker feed ────────────────────────────────────────────────── */
 
 .feed-map-wrap {
+    position: relative;
     margin-bottom: var(--space-10);
     border-radius: var(--radius-md);
     overflow: hidden;
@@ -653,7 +654,6 @@ body::after {
 }
 
 .feed-map {
-    position: relative;
     height: 240px;
     width: 100%;
 }
@@ -664,7 +664,7 @@ body::after {
 
 .feed-map-fullscreen-btn {
     position: absolute;
-    bottom: var(--space-2);
+    top: var(--space-2);
     right: var(--space-2);
     width: 2rem;
     height: 2rem;
diff --git a/themes/intotheeast/templates/dailies.html.twig b/themes/intotheeast/templates/dailies.html.twig
index 2dd9f19..075bc32 100644
--- a/themes/intotheeast/templates/dailies.html.twig
+++ b/themes/intotheeast/templates/dailies.html.twig
@@ -37,14 +37,13 @@
 
 {% if map_entries|length > 0 %}
 <div class="feed-map-wrap">
-    <div class="feed-map" id="feed-map">
-        <button class="feed-map-fullscreen-btn" id="feed-map-fullscreen" aria-label="Expand map">
-            <svg class="feed-map-fs-open" aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
-                <path d="M0 0v4h1.5V1.5H4V0z M14 0H10v1.5h2.5V4H14z M0 14v-4h1.5v2.5H4V14z M14 14H10v-1.5h2.5V10H14z"/>
-            </svg>
-            <span class="feed-map-fs-close" aria-hidden="true">✕</span>
-        </button>
-    </div>
+    <div class="feed-map" id="feed-map"></div>
+    <button class="feed-map-fullscreen-btn" id="feed-map-fullscreen" aria-label="Expand map">
+        <svg class="feed-map-fs-open" aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
+            <path d="M0 0v4h1.5V1.5H4V0z M14 0H10v1.5h2.5V4H14z M0 14v-4h1.5v2.5H4V14z M14 14H10v-1.5h2.5V10H14z"/>
+        </svg>
+        <span class="feed-map-fs-close" aria-hidden="true">✕</span>
+    </button>
     <a class="feed-map-link" href="{{ page.parent().url }}/map">View full map →</a>
 </div>