From aa72aa5bc556df0d2be89b5ce3da34b507d7b72f Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Thu, 10 Sep 2026 13:49:06 +0200
Subject: [PATCH] fix(admin): prevent access badge text wrapping in index table
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add white-space: nowrap to .status-access so 'Interne'/'Interdit'
no longer break mid-word in the narrow Accès column.
---
 TODO.md                                     |  5 +++++
 app/public/assets/css/admin.css             | 18 +++++++++++-------
 app/public/assets/css/components/badges.css |  2 ++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/TODO.md b/TODO.md
index a402378..6bfe1a8 100644
--- a/TODO.md
+++ b/TODO.md
@@ -3,6 +3,11 @@
 > Last updated: 2026-08-31
 > Context: CSS waste strategy — full stream DEFERRED (tasks 10/u/w/x/y/z): unusedSymbols report showed only ~6.2KB/2.9% of 216KB reclaimable; pruning + per-page split parked (docs/css-split-analysis.md). #t (Interdit admin route) confirmed already implemented via /admin/media.php + media-viewer.php + recapitulatif link. No pending live tasks.
 
+## Pending
+- [x] #admin-index-toolbar-table-gap Reduce space between admin toolbar and index table. Gap was triple-stacked: `.admin-list-toolbar--list` bottom padding (2ch ≈ 16px) + `#admin-table-wrap > table` margin-top (--space-m ≈ 24px) + `.admin-search-indicator` margin-top (--space-2xs). Fix in app/public/assets/css/admin.css: toolbar padding → `2ch 2ch 0`, table margin-top → `--space-3xs` (~5px), indicator margin-top → 0. Total gap ~40px → ~5px.
+- [x] #admin-index-column-spacing Narrow the admin index table columns. Root cause: table lives inside `#admin-table-wrap`, so the `.admin-body main > table th/td` override never matched (direct-child selector) and cells kept base `--space-xs` (~15px) sideways padding from components/tables.css → ~30px between columns. Fix: `.admin-body #admin-table-wrap th/td { padding: var(--space-3xs) var(--space-2xs) }` + fixed the sibling margin selector in app/public/assets/css/admin.css → gap now ~19px.
+- [x] #admin-index-badges-nowrap Fix text wrapping in admin index table badges (Accès, Publié). `.status-badge` and `.status-access` had no `white-space: nowrap`, so "En attente"/"Interne" broke mid-word in narrow columns. Added `white-space: nowrap` to both in app/public/assets/css/components/badges.css (served directly, no build step).
+
 ## Pending
 - [x] #justfile-deploy-code-nginx-split [!medium] de-dup deploy-code: it bundled nginx config + server-side setup (full duplicate of deploy-nginx). Now code-only; deploy depends on deploy-nginx; provision-server's duplicate deploy-nginx removed; var/{cache,logs,tmp} mkdir moved into scripts/deploy-server.sh.
 
diff --git a/app/public/assets/css/admin.css b/app/public/assets/css/admin.css
index 07ee519..2321201 100644
--- a/app/public/assets/css/admin.css
+++ b/app/public/assets/css/admin.css
@@ -309,13 +309,17 @@
 
 /* ── Table ──────────────────────────────────────────────────────────────── */
 /* Base table/th/td styles live in components/tables.css */
-.admin-body main > table {
-  margin-top: var(--space-m);
+.admin-body main > table,
+#admin-table-wrap > table {
+  margin-top: var(--space-3xs);
 }
 
-.admin-body main > table th,
-.admin-body main > table td {
-  padding: var(--space-3xs);
+/* Tight horizontal padding: the table lives inside #admin-table-wrap, so the
+   `main > table` selectors above never matched and cells kept the base
+   --space-xs (~15px) sideways padding from components/tables.css. */
+.admin-body #admin-table-wrap th,
+.admin-body #admin-table-wrap td {
+  padding: var(--space-3xs) var(--space-2xs);
 }
 
 td.admin-ap-col,
@@ -901,7 +905,7 @@ th.admin-ap-col {
 
 .admin-list-toolbar--list {
   gap: var(--space-s);
-  padding: 2ch;
+  padding: 2ch 2ch 0;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr 1fr;
@@ -2234,7 +2238,7 @@ th.admin-ap-col {
   opacity: 0;
   transition: opacity 0.15s;
   pointer-events: none;
-  margin-top: var(--space-2xs);
+  margin-top: 0;
 }
 
 .admin-search-indicator.htmx-request {
diff --git a/app/public/assets/css/components/badges.css b/app/public/assets/css/components/badges.css
index ec79c18..3c6892e 100644
--- a/app/public/assets/css/components/badges.css
+++ b/app/public/assets/css/components/badges.css
@@ -5,6 +5,7 @@
 
 .status-badge {
 	display: inline-block;
+	white-space: nowrap;
 	padding: var(--space-3xs) var(--space-2xs);
 	border-radius: var(--radius);
 	font-size: var(--step--2);
@@ -24,6 +25,7 @@
 
 .status-access {
 	display: inline-block;
+	white-space: nowrap;
 	font-size: var(--step--2);
 	padding: var(--space-3xs) var(--space-3xs);
 	border-radius: var(--radius);