From b815e0aaaa2a22f2ca55c9b5575f9f6a032af22e Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Mon, 10 Aug 2026 18:43:01 -0400
Subject: [PATCH] Swap dashboard map and overview

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 templates/index.html | 60 ++++++++++++++++++++++----------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 0c25330..026e68e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -129,36 +129,6 @@
 
 {# ── GPS map + Stats + Speed history ──────────────────────────────────── #}
 <div class="row g-3 mb-3 dashboard-primary-row">
-    <div class="col-lg-4 col-xl-3">
-        <div class="card shadow-sm dashboard-fit-card dashboard-map-card">
-            <div class="card-header py-2 d-flex justify-content-between align-items-center">
-                <h6 class="text-primary fw-bold m-0">Live GPS</h6>
-                <div class="d-flex align-items-center gap-2">
-                    <span id="gps-live-badge" class="badge text-bg-secondary">Checking…</span>
-                    <button id="btn-recenter" class="btn btn-outline-secondary btn-sm" type="button" title="Recenter map" hidden>
-                        <i class="fas fa-crosshairs" aria-hidden="true"></i>
-                    </button>
-                </div>
-            </div>
-            <div class="card-body p-0">
-                <div id="map"></div>
-            </div>
-            <div class="card-footer py-2 bg-white border-top">
-                <div class="d-flex gap-4 mb-1">
-                    <div>
-                        <div class="text-xs text-muted fw-bold text-uppercase">Lat</div>
-                        <div id="gpsLocationX" class="fw-semibold small">—</div>
-                    </div>
-                    <div>
-                        <div class="text-xs text-muted fw-bold text-uppercase">Lon</div>
-                        <div id="gpsLocationY" class="fw-semibold small">—</div>
-                    </div>
-                </div>
-                <div id="gps-location-name" class="text-muted small" style="font-size:0.75rem;min-height:1rem"></div>
-                <div id="gps-fix-detail" class="text-muted small mt-1" style="font-size:0.75rem;min-height:1rem">Waiting for GPS status…</div>
-            </div>
-        </div>
-    </div>
     <div class="col-lg-3 col-xl-2">
         <div class="card shadow-sm dashboard-fit-card dashboard-overview-card">
             <div class="card-header py-2">
@@ -198,6 +168,36 @@
             </div>
         </div>
     </div>
+    <div class="col-lg-4 col-xl-3">
+        <div class="card shadow-sm dashboard-fit-card dashboard-map-card">
+            <div class="card-header py-2 d-flex justify-content-between align-items-center">
+                <h6 class="text-primary fw-bold m-0">Live GPS</h6>
+                <div class="d-flex align-items-center gap-2">
+                    <span id="gps-live-badge" class="badge text-bg-secondary">Checking…</span>
+                    <button id="btn-recenter" class="btn btn-outline-secondary btn-sm" type="button" title="Recenter map" hidden>
+                        <i class="fas fa-crosshairs" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="card-body p-0">
+                <div id="map"></div>
+            </div>
+            <div class="card-footer py-2 bg-white border-top">
+                <div class="d-flex gap-4 mb-1">
+                    <div>
+                        <div class="text-xs text-muted fw-bold text-uppercase">Lat</div>
+                        <div id="gpsLocationX" class="fw-semibold small">—</div>
+                    </div>
+                    <div>
+                        <div class="text-xs text-muted fw-bold text-uppercase">Lon</div>
+                        <div id="gpsLocationY" class="fw-semibold small">—</div>
+                    </div>
+                </div>
+                <div id="gps-location-name" class="text-muted small" style="font-size:0.75rem;min-height:1rem"></div>
+                <div id="gps-fix-detail" class="text-muted small mt-1" style="font-size:0.75rem;min-height:1rem">Waiting for GPS status…</div>
+            </div>
+        </div>
+    </div>
     <div class="col-lg-5 col-xl-7">
         <div class="card shadow-sm h-100 dashboard-speed-card">
             <div class="card-header py-2 d-flex align-items-center gap-2">