From f4d34a0383c4fda20e86de930216ebdf24125665 Mon Sep 17 00:00:00 2001 From: librelad Date: Sat, 18 Jul 2026 19:59:58 +0100 Subject: [PATCH] fix(updater): give the app Updates detail panel even inner padding MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The per-app Updates tab's recessed panel used padding: 4px 16px, so the first section (VERSION) sat 4px from the top edge — looking unpadded — while the last section ended 20px from the bottom. Match the sibling .backup-snapshots-container idiom (uniform 16px) and zero the first/last sections' outer padding so the container's inset sets an even top/bottom margin. 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 ba432da..6ef6b3e 100644 --- a/containers/libreportal/frontend/components/apps/overview/css/overview.css +++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css @@ -297,17 +297,19 @@ /* Recessed dark panel wrapping the body — same recipe as .backup-snapshots- container / .tasks-container. */ .updater-detail-container { - padding: 4px 16px; + padding: 16px; margin: 16px; background: rgba(var(--bg-rgb), 0.2); border-radius: 8px; } /* Inside the container the Version / Security / Recovery / History sections are separated by divider lines (the fleet row-details, not in this container, keep - their gap-only spacing). */ + their gap-only spacing). The first/last sections drop their outer padding so + the container's own 16px inset sets an even top/bottom margin. */ .updater-detail-container .updater-detail { gap: 0; padding-top: 0; } .updater-detail-container .updater-detail-section { padding: 16px 0; } .updater-detail-container .updater-detail-section:first-child { padding-top: 0; } +.updater-detail-container .updater-detail-section:last-child { padding-bottom: 0; } .updater-detail-container .updater-detail-section + .updater-detail-section { border-top: 1px solid var(--border-color); }