Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(updater): give the app Updates detail panel even inner padding

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
librelad 2026-07-18 19:59:58 +01:00
parent 8ab791ccd3
commit f4d34a0383
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
containers/libreportal/frontend/components/apps/overview/css/overview.css
View File

@ -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);
}