fix(admin): prevent access badge text wrapping in index table

Add white-space: nowrap to .status-access so 'Interne'/'Interdit'
no longer break mid-word in the narrow Accès column.
This commit is contained in:
Pontoporeia
2026-09-18 16:26:49 +02:00
parent beff95c784
commit aa72aa5bc5
3 changed files with 18 additions and 7 deletions
+11 -7
View File
@@ -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 {
@@ -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);