From 97af9474cce4763f21aefd81ab139ca2c5a54a25 Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 16 Jul 2026 17:35:28 +0100 Subject: [PATCH] fix(overview): expanded app detail spans full row width The fleet Updates expander row inherited .updater-row's 3-column grid, so an open row's detail body (CVEs, recovery, history) landed in a narrow right-hand `auto` column with dead space to its left. Make .ov-row a block: the head stacks on top and the detail body uses the full width. Co-Authored-By: Claude Opus 4.8 (1M context) --- .../frontend/components/apps/overview/css/overview.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/containers/libreportal/frontend/components/apps/overview/css/overview.css b/containers/libreportal/frontend/components/apps/overview/css/overview.css index 7e838c2..5db1c3b 100644 --- a/containers/libreportal/frontend/components/apps/overview/css/overview.css +++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css @@ -180,7 +180,10 @@ .ov-toolbar-actions { display: flex; gap: 8px; } /* ---- Updates: expandable rows ------------------------------------------- */ -.ov-row { padding: 0; } +/* Block (not the inherited .updater-row 3-col grid) so the head sits on top and + the expanded detail body spans the full row width instead of being squeezed + into a narrow right-hand grid column. */ +.ov-row { padding: 0; display: block; } .ov-row-head { display: flex; align-items: center;