From 67970a84e9f60a0d1aa91bc2b38aee17d6d8e651 Mon Sep 17 00:00:00 2001 From: librelad Date: Thu, 20 Aug 2026 22:47:56 +0100 Subject: [PATCH] fix(webui): give backup rows room, and part the id chip from Restore MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The per-app backup list borrows the Tasks list's .task-* classes, whose .task-header ships 4px of vertical padding. That is right for a dense log and too tight for these rows, which carry a 28px app icon — the content sat hard against the card edges. And the backup id is the last thing in .task-info with .task-actions starting immediately after, so the hash and the Restore button touched. Both scoped to .backup-snapshot-item so the Tasks page keeps its density — confirmed after the change: Tasks rows still compute 4px, backup rows 10px. --- .../frontend/components/backup/core/css/backup.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/containers/libreportal/frontend/components/backup/core/css/backup.css b/containers/libreportal/frontend/components/backup/core/css/backup.css index 1fd5dfa..3caf37f 100755 --- a/containers/libreportal/frontend/components/backup/core/css/backup.css +++ b/containers/libreportal/frontend/components/backup/core/css/backup.css @@ -1355,6 +1355,18 @@ background: rgba(var(--text-rgb), 0.05); border-radius: 4px; letter-spacing: 0.02em; + /* The chip is the last thing in .task-info and .task-actions starts straight + after it, so without this the backup id and the Restore button touch. */ + margin-right: 12px; +} + +/* Roomier rows than the Tasks list they borrow .task-* from. .task-header ships + 4px of vertical padding, which is right for a dense log of tasks and too tight + here: these rows carry a 28px app icon, so the content sat hard against the + card edges. Scoped to the snapshot item so the Tasks page keeps its density. */ +.backup-snapshot-item .task-header { + padding-top: 10px; + padding-bottom: 10px; } .backup-snapshot-tag { display: inline-block;