From 36289d24693759d167917e8fe7caf25a524312fe Mon Sep 17 00:00:00 2001
From: Eugene Burmakin <iamfrey@gmail.com>
Date: Tue, 14 Oct 2025 18:29:31 +0200
Subject: [PATCH] Use margins for left and right spacing instead of padding to
 prevent horizontal overflow on small screens.

---
 app/views/map/index.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/map/index.html.erb b/app/views/map/index.html.erb
index ca85e2de..5a7ea4e0 100644
--- a/app/views/map/index.html.erb
+++ b/app/views/map/index.html.erb
@@ -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">