Fix persistent bottom nav by moving tabs outside sticky header

app/public/index.html

@@ -22,28 +22,6 @@
 
   <header class="masthead">
     <h1>Weather</h1>
-    <nav class="tabs">
-      <button class="tab active" data-tab="conditions" aria-label="Conditions">
-        <span class="tab-icon" aria-hidden="true">🌤</span>
-        <span class="tab-text">Now</span>
-      </button>
-      <button class="tab" data-tab="radar-full" aria-label="Radar">
-        <span class="tab-icon" aria-hidden="true">🛰</span>
-        <span class="tab-text">Radar</span>
-      </button>
-      <button class="tab" data-tab="maps" aria-label="Maps">
-        <span class="tab-icon" aria-hidden="true">🗺</span>
-        <span class="tab-text">Maps</span>
-      </button>
-      <button class="tab" data-tab="alerts" aria-label="Alerts">
-        <span class="tab-icon" aria-hidden="true">⚠️</span>
-        <span class="tab-text">Alerts</span>
-      </button>
-      <button class="tab" data-tab="settings" aria-label="Settings">
-        <span class="tab-icon" aria-hidden="true">⚙️</span>
-        <span class="tab-text">Settings</span>
-      </button>
-    </nav>
     <span class="tagline">Open-Meteo · RainViewer</span>
   </header>
 
@@ -290,6 +268,29 @@
     </div>
   </div>
 
+  <nav class="tabs" aria-label="Primary navigation">
+    <button class="tab active" data-tab="conditions" aria-label="Conditions">
+      <span class="tab-icon" aria-hidden="true">🌤</span>
+      <span class="tab-text">Now</span>
+    </button>
+    <button class="tab" data-tab="radar-full" aria-label="Radar">
+      <span class="tab-icon" aria-hidden="true">🛰</span>
+      <span class="tab-text">Radar</span>
+    </button>
+    <button class="tab" data-tab="maps" aria-label="Maps">
+      <span class="tab-icon" aria-hidden="true">🗺</span>
+      <span class="tab-text">Maps</span>
+    </button>
+    <button class="tab" data-tab="alerts" aria-label="Alerts">
+      <span class="tab-icon" aria-hidden="true">⚠️</span>
+      <span class="tab-text">Alerts</span>
+    </button>
+    <button class="tab" data-tab="settings" aria-label="Settings">
+      <span class="tab-icon" aria-hidden="true">⚙️</span>
+      <span class="tab-text">Settings</span>
+    </button>
+  </nav>
+
 </div><!-- .app -->
 
 <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>