Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(webui/admin): balance top/bottom padding in sys-tasklist

Browse Source 
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 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-06-25 12:50:36 +01:00
parent bff71d0feb
commit be427e5376
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
containers/libreportal/frontend/components/admin/core/css/admin.css
View File

@ -1316,6 +1316,10 @@ table.sys-apps tr:hover td { background: rgba(var(--text-rgb), 0.03); }
flex-direction: column; flex-direction: column;
gap: 8px; 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. */ /* App / image icon inside a task row. */
.sys-task-icon { .sys-task-icon {
width: 20px; width: 20px;