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

ux(services): gap between the stat chips and action buttons in the row

Browse Source 
The shared .task-header has no gap, so a full-width chip row (status /
cpu / mem / ports / ip) left the last live chip butting against the
Restart button. Add a 12px gap on .service-item rows only (matching
.task-info's internal gap) so the resource chip and Restart no longer
touch, without affecting the Tasks page that reuses .task-header.

Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-05-28 14:42:22 +01:00
parent ad8f1b2975
commit e9ee4c7983
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
containers/libreportal/frontend/css/services.css
View File

@ -227,6 +227,12 @@
border-color: rgba(var(--status-danger-rgb), 0.5); border-color: rgba(var(--status-danger-rgb), 0.5);
} }
/* The shared .task-header has no gap, so when the chip row (status / cpu /
mem / ports / ip) fills .task-info the last chip butts against the
Restart button. Add a gap on service rows only — matches .task-info's
internal 12px so spacing reads consistently. */
.service-item .task-header { gap: 12px; }
/* ============================================================ /* ============================================================
Rich container detail panel — limits, image, healthcheck, Rich container detail panel — limits, image, healthcheck,
networks, mounts. Rendered inside .task-details above the networks, mounts. Rendered inside .task-details above the