From 6b79fc8d37cac6b9e063e370db95cfb17f5fb28c Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Tue, 3 Mar 2026 22:00:57 +0800
Subject: [PATCH] style: move map zoom controls to bottom-right to prevent UI
 overlap

---
 web/static/app.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/static/app.js b/web/static/app.js
index c21cc175..e81c8320 100644
--- a/web/static/app.js
+++ b/web/static/app.js
@@ -23,10 +23,13 @@ function initMap() {
     zoom: 3,
     minZoom: 2,
     maxZoom: 12,
-    zoomControl: true,
+    zoomControl: false,
     attributionControl: true,
   });
 
+  // Move zoom control to bottom right to avoid overlapping with city list
+  L.control.zoom({ position: "bottomright" }).addTo(map);
+
   // CartoDB Dark Matter tiles (free, dark theme)
   L.tileLayer("https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png", {
     attribution: