From 116f0c8dfb0f7ad9147be860975823f1c297f563 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Fri, 20 Mar 2026 09:14:19 +0000
Subject: [PATCH] fix: add col-spark class to spark bar cells, min-width 80px

---
 public/index.html   | 4 ++--
 public/observers.js | 2 +-
 public/style.css    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 8032f116..608548d8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1773997947">
+  <link rel="stylesheet" href="style.css?v=1773998059">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1773966856">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -88,7 +88,7 @@
   <script src="traces.js?v=1773972187" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="analytics.js?v=1773996158" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1773964458" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="observers.js?v=1773993532" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="observers.js?v=1773998059" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="observer-detail.js?v=1773993532" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="node-analytics.js?v=1773996158" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="perf.js?v=1773985649" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/observers.js b/public/observers.js
index 2059d81a..c942dfc7 100644
--- a/public/observers.js
+++ b/public/observers.js
@@ -113,7 +113,7 @@
             <td>${o.iata ? `<span class="badge-region">${o.iata}</span>` : '—'}</td>
             <td>${timeAgo(o.last_seen)}</td>
             <td>${(o.packet_count || 0).toLocaleString()}</td>
-            <td>${sparkBar(o.packetsLastHour || 0, maxPktsHr)}</td>
+            <td class="col-spark">${sparkBar(o.packetsLastHour || 0, maxPktsHr)}</td>
             <td>${uptimeStr(o.first_seen)}</td>
           </tr>`;
         }).join('')}</tbody>
diff --git a/public/style.css b/public/style.css
index 3acd3f6b..4e349fd8 100644
--- a/public/style.css
+++ b/public/style.css
@@ -226,7 +226,7 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
   max-width: 0; /* forces td to respect table width instead of expanding to content */
 }
 .data-table td.col-details { white-space: normal; word-break: break-word; }
-.data-table td:has(.spark-bar) { max-width: none; overflow: visible; }
+.data-table td:has(.spark-bar), .data-table td.col-spark { max-width: none; overflow: visible; min-width: 80px; }
 .data-table tbody tr:nth-child(even) { background: var(--row-stripe); }
 .data-table tbody tr:hover { background: var(--row-hover); cursor: pointer; }
 .data-table tbody tr.selected { background: var(--selected-bg); }