Improve map centering on mobile

2026-04-27 15:37:13 +01:00
parent cff19980d5
commit b4c3f5c88d
2 changed files with 19 additions and 12 deletions
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1365,10 +1365,10 @@ span.icon {
@media (width <= 768px) {
  /* Sidebar/Bottom Sheet is open (Mobile: Bottom 50%) */

-  /* Center Y = (height/2) / 2 = height/4 = 25% */
+  /* Center Y = (height/2) / 2 = height/4 = 25% + half header height */
  .map-container.sidebar-open .map-crosshair {
    left: 50%; /* Reset desktop shift */
-    top: 25%;
+    top: calc(25% + 30px); /* 30px approx half header height */
  }
 }