From bdadfce6b9c8db33ae1f781938b2cfc07f4f87d5 Mon Sep 17 00:00:00 2001 From: Claude Fable 5 Date: Mon, 27 Jul 2026 13:36:27 +0200 Subject: [PATCH] =?UTF-8?q?#177:=20Admin-Personenliste=20=E2=80=94=20Aktio?= =?UTF-8?q?ns-Zelle=20bleibt=20Table-Cell,=20Flex=20auf=20Innen-Wrapper?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Die Trennlinie unter der Aktionen-Spalte endete auf Höhe der Icon-Reihe statt am Zeilenende: display:flex direkt auf dem td nahm der Zelle ihr table-cell-Verhalten, sie wuchs nicht mehr auf Zeilenhöhe. Das Flex- Layout liegt jetzt auf einem Innen-Wrapper (.user-row__actions-inner); gemessen: 0 px Bottom-Delta über alle Zellen jeder Zeile. Co-Authored-By: Claude Fable 5 --- apps/web/src/pages/UserManager.tsx | 6 ++++-- apps/web/src/styles/base.css | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/apps/web/src/pages/UserManager.tsx b/apps/web/src/pages/UserManager.tsx index 2c0c833..9c75239 100644 --- a/apps/web/src/pages/UserManager.tsx +++ b/apps/web/src/pages/UserManager.tsx @@ -124,8 +124,10 @@ function UserRow({ {user.pondCount} {user.lastLoginAt ? new Date(user.lastLoginAt).toLocaleDateString() : t('never')} + {/* Flex lives on the inner div: a td with display:flex stops behaving + like a table cell and its bottom border no longer meets the row's. */} {!isSelf && ( - <> +
{user.status === 'PENDING_VERIFICATION' && ( )} - +
)} diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css index e242224..a4b0538 100644 --- a/apps/web/src/styles/base.css +++ b/apps/web/src/styles/base.css @@ -2983,7 +2983,7 @@ ul[data-type='task_list'] li p:last-of-type { font-size: 0.85rem; } -.user-row__actions { +.user-row__actions-inner { display: flex; align-items: center; gap: var(--space-2); -- 2.45.2