From 49d10f48164b3d79134f8473a244d4196bb54c41 Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Fri, 19 Jun 2026 17:29:52 +0200
Subject: [PATCH] fix: home map visible on mobile, invalidateSize on both maps

- Explicit height: 40vh on .home-map (not just 100% of parent) so Leaflet
  can measure the container reliably before CSS inheritance is resolved
- align-self: stretch on .home-map-col so it spans full width in flex column
- setTimeout invalidateSize(100ms) on home and dailies maps as safety net

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RB86BaJBG3eGiMdfhmHRrQ
---
 themes/intotheeast/css/style.css               | 3 ++-
 themes/intotheeast/templates/dailies.html.twig | 1 +
 themes/intotheeast/templates/home.html.twig    | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 03dc786..5d330bb 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -695,7 +695,8 @@ body::after {
 
 @media (max-width: 768px) {
     .home-layout { display: flex; flex-direction: column; }
-    .home-map-col { position: static; height: 40vh; }
+    .home-map-col { position: static; height: 40vh; align-self: stretch; }
+    .home-map { height: 40vh; }
     .home-feed-col { padding: var(--space-6) var(--space-5); }
 }
 
diff --git a/themes/intotheeast/templates/dailies.html.twig b/themes/intotheeast/templates/dailies.html.twig
index 6432363..cd57fdb 100644
--- a/themes/intotheeast/templates/dailies.html.twig
+++ b/themes/intotheeast/templates/dailies.html.twig
@@ -74,6 +74,7 @@ if (latLngs.length === 1) {
 } else {
     map.fitBounds(L.latLngBounds(latLngs), { padding: [20, 20] });
 }
+setTimeout(function() { map.invalidateSize(); }, 100);
 </script>
 {% endif %}
 
diff --git a/themes/intotheeast/templates/home.html.twig b/themes/intotheeast/templates/home.html.twig
index 8c05381..9e011ad 100644
--- a/themes/intotheeast/templates/home.html.twig
+++ b/themes/intotheeast/templates/home.html.twig
@@ -163,6 +163,7 @@ if (latLngs.length === 1) {
 } else {
     map.fitBounds(L.latLngBounds(latLngs), { padding: [20, 20] });
 }
+setTimeout(function() { map.invalidateSize(); }, 100);
 </script>
 {% endif %}
 {% endblock %}