From b3e8dcaa931e99ba83dc5a6dfdc1fc6e976f36a4 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Fri, 20 Mar 2026 09:12:27 +0000
Subject: [PATCH] fix: spark bars crushed by max-width:0 on data-table td

Override max-width for td cells containing spark bars so they render.
---
 public/index.html | 2 +-
 public/style.css  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 14033831..8032f116 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=1773993532">
+  <link rel="stylesheet" href="style.css?v=1773997947">
   <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"
diff --git a/public/style.css b/public/style.css
index 751543aa..3acd3f6b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -226,6 +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 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); }