From 31ce56c02241424831367ccefd56bfc3e6e32542 Mon Sep 17 00:00:00 2001 From: librelad Date: Sat, 4 Jul 2026 21:30:22 +0100 Subject: [PATCH] fix(webui/overview): keep the recessed tab-body surface, only drop its inset Co-Authored-By: Claude Fable 5 Signed-off-by: librelad --- .../frontend/components/apps/overview/css/overview.css | 10 ++++++++-- 1 file changed, 8 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 cfe6ed1..f238a5c 100644 --- a/containers/libreportal/frontend/components/apps/overview/css/overview.css +++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css @@ -62,8 +62,14 @@ /* Each tab's content sits flush under the header divider with one shared 16px gap — the same rhythm on all five tabs (the Backups/Migrate sub-tab - strips get the identical gap below), so no tab carries extra inset. */ -#overview-view .tab-pane > .ov-tab-body { margin: 16px 0 0; } + strips get the identical gap below), so no tab carries extra inset. The + recessed dark surface stays, but flush: full pane width, no inner padding. */ +#overview-view .tab-pane > .ov-tab-body { + margin: 16px 0 0; + padding: 0; + background: rgba(var(--bg-rgb), 0.2); + border-radius: 8px; +} #overview-view .tab-pane > .tabs-wrapper, #overview-view .tab-pane > .backup-layout > .tabs-wrapper { margin-top: 16px; }