From f8d08a842e2c0df3078447ed01698920d2ada917 Mon Sep 17 00:00:00 2001
From: Polen <polensky@pm.me>
Date: Thu, 2 Apr 2026 09:54:25 -0400
Subject: [PATCH] fix: bump z-index on controls/slider/legend to sit above
 leaflet layers

---
 static/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/index.html b/static/index.html
index 457c1f0..b4be649 100644
--- a/static/index.html
+++ b/static/index.html
@@ -22,7 +22,7 @@
       position: fixed; top: 12px; left: 56px;
       background: white; padding: 10px 14px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px;
+      z-index: 2000; font-size: 13px;
       display: flex; align-items: center; gap: 8px;
     }
     .mode-btn {
@@ -38,7 +38,7 @@
       position: fixed; top: 56px; left: 56px;
       background: white; padding: 10px 14px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px; min-width: 260px;
+      z-index: 2000; font-size: 13px; min-width: 260px;
       display: none;
     }
     #slider-panel label { display: block; margin-bottom: 6px; font-weight: 600; }
@@ -51,7 +51,7 @@
       position: fixed; bottom: 20px; right: 20px;
       background: white; padding: 12px 16px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px; min-width: 180px;
+      z-index: 2000; font-size: 13px; min-width: 180px;
     }
     #legend h3 { margin-bottom: 8px; font-size: 14px; }
     .legend-gradient {
@@ -197,13 +197,13 @@
       if (mode === 'heatmap') {
         map.removeLayer(stationMarkers);
         if (heatLayer) map.addLayer(heatLayer);
-        document.getElementById('legend').style.display = '';
+        document.getElementById('legend').style.display = 'block';
         document.getElementById('slider-panel').style.display = 'none';
       } else {
         if (heatLayer) map.removeLayer(heatLayer);
         map.addLayer(stationMarkers);
         document.getElementById('legend').style.display = 'none';
-        document.getElementById('slider-panel').style.display = '';
+        document.getElementById('slider-panel').style.display = 'block';
       }
     }