From 0fc29877a21c2a05908b769cdec6c5b9c3a5ac63 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Thu, 19 Mar 2026 20:57:08 +0000
Subject: [PATCH] =?UTF-8?q?Revert=20"fix:=20packets=20table=20uses=20table?=
 =?UTF-8?q?-layout:fixed=20with=20proportional=20column=20widths=20?=
 =?UTF-8?q?=E2=80=94=20resizes=20like=20Excel=20when=20detail=20pane=20is?=
 =?UTF-8?q?=20dragged"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 881b9a35482cb1b89eba3969012cbf002baa6b14.
---
 public/style.css | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/public/style.css b/public/style.css
index 8a4efe8b..5f5d6d4a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -214,27 +214,16 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
   text-transform: uppercase; letter-spacing: .3px; color: var(--text-muted);
   border-bottom: 2px solid var(--border); background: var(--card-bg);
   position: sticky; top: 0; z-index: 1;
-  overflow: hidden; text-overflow: ellipsis;
 }
 .data-table th.sortable { cursor: pointer; }
 .data-table th.sortable:hover { color: var(--accent); }
 .data-table td {
   padding: 3px 6px; border-bottom: 1px solid var(--border);
-  vertical-align: middle; white-space: nowrap;
+  vertical-align: middle; white-space: nowrap; max-width: 180px;
   overflow: hidden; text-overflow: ellipsis;
 }
-/* Proportional column widths — packets table (expand chevron gets minimal space) */
-#pktTable { table-layout: fixed; }
-#pktTable th:first-child, #pktTable td:first-child { width: 24px; }
-#pktTable .col-region { width: 7%; }
-#pktTable .col-time { width: 11%; }
-#pktTable .col-hash { width: 10%; }
-#pktTable .col-size { width: 6%; }
-#pktTable .col-type { width: 9%; }
-#pktTable .col-observer { width: 12%; }
-#pktTable .col-path { width: 14%; }
-#pktTable .col-rpt { width: 5%; }
-#pktTable .col-details { width: auto; white-space: normal; word-break: break-word; }
+/* Details column gets more room since it has the most useful content */
+.data-table td.col-details { max-width: 400px; white-space: normal; word-break: break-word; }
 .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); }