hides map controls on mobile screens if sidebar open

public/js/app.js

@@ -220,6 +220,21 @@ sidebar = L.control.sidebar({
     position: 'left'
 }).addTo(map);
 
+// Hides Map Controls on Mobile while Sidebar is open
+sidebar.on('content', function () {
+    if (window.innerWidth < 769) {
+        document.querySelectorAll('.leaflet-top.leaflet-right').forEach(function (el) {
+            el.style.display = 'none';
+        });
+    }
+});
+
+sidebar.on('closing', function () {
+    document.querySelectorAll('.leaflet-top.leaflet-right').forEach(function (el) {
+        el.style.display = '';
+    });
+});
+
 
 // =====================================================================
 // Block 6: Geoman Drawing Tools and CRUD Trigger

public/styles.css

@@ -1249,6 +1249,15 @@ select.form-input { cursor: pointer; }
     /* Legal */
     .page-content-box { padding: 20px; }
     .page-container { padding: 0 8px; }
+
+
+/* ---------------------------------------------------------
+       6.1 Prevents iOS Auto-Zoom on Inputs
+   --------------------------------------------------------- */
+    input, textarea, select {
+        font-size: 16px !important;
+    }
+
 }
 
 @media (min-width: 769px) {