From e9ee4c7983388b8b832f60027ce20e98bd2a6f4b Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 28 May 2026 14:42:22 +0100 Subject: [PATCH] ux(services): gap between the stat chips and action buttons in the row 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 --- containers/libreportal/frontend/css/services.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/containers/libreportal/frontend/css/services.css b/containers/libreportal/frontend/css/services.css index 24fd2a5..2abd31d 100644 --- a/containers/libreportal/frontend/css/services.css +++ b/containers/libreportal/frontend/css/services.css @@ -227,6 +227,12 @@ 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, networks, mounts. Rendered inside .task-details above the