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

fix(webui): give backup rows room, and part the id chip from Restore

Browse Source 
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.
This commit is contained in:
librelad 2026-08-20 22:47:56 +01:00
parent 2510b1a52f
commit 67970a84e9
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
containers/libreportal/frontend/components/backup/core/css/backup.css
View File

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