From be427e53760a85d46c2fda86db7cc5f67a06cd90 Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 25 Jun 2026 12:50:36 +0100 Subject: [PATCH] fix(webui/admin): balance top/bottom padding in sys-tasklist The .sys-tasklist panel spaces rows with a flex gap, but each .task-item also carries margin-bottom: 10px from the shared tasks styles. That margin only stacks on the last row, so the list had ~8px above the first row and ~18px below the last row, looking lopsided. Zero the row margin inside the list so spacing is symmetric. Co-Authored-By: Claude Opus 4.8 Signed-off-by: librelad --- .../libreportal/frontend/components/admin/core/css/admin.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/containers/libreportal/frontend/components/admin/core/css/admin.css b/containers/libreportal/frontend/components/admin/core/css/admin.css index 2d31d16..310f270 100644 --- a/containers/libreportal/frontend/components/admin/core/css/admin.css +++ b/containers/libreportal/frontend/components/admin/core/css/admin.css @@ -1316,6 +1316,10 @@ table.sys-apps tr:hover td { background: rgba(var(--text-rgb), 0.03); } flex-direction: column; gap: 8px; } +/* Row spacing here comes from the flex gap; the shared .task-item margin + would otherwise stack only on the last row, leaving a bigger gap at the + bottom than the top. */ +.sys-tasklist .task-item { margin-bottom: 0; } /* App / image icon inside a task row. */ .sys-task-icon { width: 20px;