From 6a21b4dc62a1724fa40bb24e2888b2f3e901b6e9 Mon Sep 17 00:00:00 2001
From: martbost <martybostick@gmail.com>
Date: Fri, 11 Sep 2026 07:32:29 -0500
Subject: [PATCH] Admin tables: scroll instead of clipping the last column;
 Joined stays on one line

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 public/admin.html      | 4 +++-
 public/assets/admin.js | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/admin.html b/public/admin.html
index 12400e1..7610e9e 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -8,7 +8,9 @@
 <link rel="icon" type="image/png" href="/logo-icon.png">
 <link rel="stylesheet" href="/assets/site.css?v=20260910h">
 <style>
+  .adm-table{width:100%;min-width:max-content} /* never squeeze columns until the last one clips: the wrapper scrolls instead */
   .adm-table th,.adm-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:13.5px}
+  .adm-table td.when{white-space:nowrap}
   .adm-table th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
   .adm-table .act{white-space:nowrap}
   .adm-table .act button{margin-right:6px}
@@ -306,6 +308,6 @@
 </div>
 
 <script src="/assets/common.js?v=20260910c"></script>
-<script src="/assets/admin.js?v=20260910c"></script>
+<script src="/assets/admin.js?v=20260911a"></script>
 </body>
 </html>
diff --git a/public/assets/admin.js b/public/assets/admin.js
index 9ebf2ea..ca0c32c 100644
--- a/public/assets/admin.js
+++ b/public/assets/admin.js
@@ -281,7 +281,7 @@
         + '<td>' + (a.memberId ? '#' + a.memberId : '<span class="muted">free</span>') + '</td>'
         + '<td class="mono small">' + (a.address ? esc(a.address.slice(0, 8) + '…' + a.address.slice(-6)) : '<span class="muted">none</span>') + '</td>'
         + '<td>' + esc(a.sponsorRef || '') + '</td><td class="small" title="linked Qualified Start positions' + (a.positionIds && a.positionIds.length ? ': #' + a.positionIds.join(', #') : '') + '">' + (a.positions ? a.positions : '<span class="muted">0</span>') + '</td><td class="small muted">' + esc(a.joinedVia || '') + '</td><td class="mono small">' + esc(a.code || '') + '</td>'
-        + '<td class="small muted">' + when(a.created) + '</td>'
+        + '<td class="small muted when">' + when(a.created) + '</td>'
         + '<td class="act"><button class="btn small sec" data-spon="' + esc(a.email) + '" data-cur="' + esc(a.sponsorRef || '') + '">Sponsor</button></td></tr>').join('');
   }
   $('memFilter').addEventListener('input', drawMembers);