Use margins for left and right spacing instead of padding to prevent horizontal overflow on small screens.

This commit is contained in:
Eugene Burmakin 2025-10-14 18:29:31 +02:00
parent 79a2140e6f
commit 36289d2469

View file

@ -1,7 +1,7 @@
<% content_for :title, 'Map' %>
<!-- Floating Date Navigation Controls -->
<div class="fixed top-20 left-0 right-0 flex justify-center" style="z-index: 9999; padding-left: 80px; padding-right: 80px;">
<div class="fixed top-20 left-0 right-0 flex justify-center" style="z-index: 9999; margin-left: 80px; margin-right: 80px;">
<div style="width: 1500px; max-width: 100%;" data-controller="map-controls">
<!-- Mobile: Compact Toggle Button -->
<div class="lg:hidden justify-center flex">