From d794d4031abebfb7973f532f1e87c6cae6069c8c Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 16 Jul 2026 17:39:40 +0100 Subject: [PATCH] fix(overview): raise specificity so full-width detail actually applies The prior .ov-row override tied .updater-row on specificity, and updater.css loads later, so `display:grid` won and the detail stayed boxed. Use the two-class selector .updater-row.ov-row to win regardless of load order. Co-Authored-By: Claude Opus 4.8 (1M context) --- .../frontend/components/apps/overview/css/overview.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/containers/libreportal/frontend/components/apps/overview/css/overview.css b/containers/libreportal/frontend/components/apps/overview/css/overview.css index 5db1c3b..ba432da 100644 --- a/containers/libreportal/frontend/components/apps/overview/css/overview.css +++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css @@ -182,8 +182,10 @@ /* ---- Updates: expandable rows ------------------------------------------- */ /* 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; } + into a narrow right-hand grid column. Two-class selector so it outranks + .updater-row's `display:grid` regardless of stylesheet load order. */ +.ov-row { padding: 0; } +.updater-row.ov-row { display: block; } .ov-row-head { display: flex; align-items: center;