From 2e27efdfbfd18c8693c14b59358dcf5e00ee9bd1 Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Thu, 15 Jan 2026 15:21:50 +0000
Subject: [PATCH] Fix status dot color, map tiles, and button issues

- Fix status dot to be red when inactive, green when tracking
- Add additional map invalidateSize call to fix missing tiles on load
- Add type="button" and z-index to strip buttons for proper click handling

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/adsb_dashboard.css | 12 +++++++-----
 templates/adsb_dashboard.html | 11 ++++++++---
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css
index 161fab1..0f7d835 100644
--- a/static/css/adsb_dashboard.css
+++ b/static/css/adsb_dashboard.css
@@ -1604,6 +1604,8 @@ body {
 }
 
 .strip-btn {
+    position: relative;
+    z-index: 10;
     background: rgba(74, 158, 255, 0.1);
     border: 1px solid rgba(74, 158, 255, 0.2);
     color: var(--text-primary);
@@ -1654,15 +1656,15 @@ body {
     width: 10px;
     height: 10px;
     border-radius: 50%;
-    background: var(--accent-red);
-    box-shadow: 0 0 10px var(--accent-red);
+    background: var(--accent-green);
+    box-shadow: 0 0 10px var(--accent-green);
     animation: pulse 2s ease-in-out infinite;
     transition: all 0.3s ease;
 }
 
-.strip-status .status-dot.active {
-    background: var(--accent-green);
-    box-shadow: 0 0 10px var(--accent-green);
+.strip-status .status-dot.inactive {
+    background: var(--accent-red);
+    box-shadow: 0 0 10px var(--accent-red);
 }
 
 .strip-time {
diff --git a/templates/adsb_dashboard.html b/templates/adsb_dashboard.html
index e520924..d284725 100644
--- a/templates/adsb_dashboard.html
+++ b/templates/adsb_dashboard.html
@@ -68,13 +68,13 @@
                 <span class="strip-label">SESSION</span>
             </div>
             <div class="strip-divider"></div>
-            <button class="strip-btn" onclick="showSquawkReference()" title="Squawk Code Reference">
+            <button type="button" class="strip-btn" onclick="showSquawkReference()" title="Squawk Code Reference">
                 📟 Squawk
             </button>
-            <button class="strip-btn" onclick="lookupSelectedFlight()" title="Lookup selected aircraft on FlightAware" id="flightLookupBtn" disabled>
+            <button type="button" class="strip-btn" onclick="lookupSelectedFlight()" title="Lookup selected aircraft on FlightAware" id="flightLookupBtn" disabled>
                 🔗 Lookup
             </button>
-            <button class="strip-btn primary" onclick="generateReport()" title="Generate Session Report">
+            <button type="button" class="strip-btn primary" onclick="generateReport()" title="Generate Session Report">
                 📊 Report
             </button>
             <div class="strip-divider"></div>
@@ -2068,6 +2068,11 @@ sudo make install</code>
             setTimeout(() => {
                 if (radarMap) radarMap.invalidateSize();
             }, 200);
+
+            // Additional invalidateSize to ensure all tiles load
+            setTimeout(() => {
+                if (radarMap) radarMap.invalidateSize();
+            }, 500);
         }
 
         // Handle window resize for map (especially important on mobile)