From 9f37f7655d299b50c357a34099813cc19d5fdabb Mon Sep 17 00:00:00 2001
From: librelad <librelad@digitalangels.vip>
Date: Tue, 26 May 2026 00:43:24 +0100
Subject: [PATCH] polish(webui): spacing + icon for the System config backup
 card; doc the status
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add .backup-system-card { margin-top: 20px } — the card stands alone below the
  two-column cards row (which has no bottom margin), so it was butting against it.
- Add a server-stack icon to the card header (matches the nebula stroke-icon style).
- DEVELOPMENT.md: document the dashboard "System config" card + its last-backup
  status (tag system=config → `system` in the dashboard JSON), the CLI/auto paths,
  and that the libreportal app is excluded from the per-app grid.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
---
 containers/libreportal/frontend/css/backup.css        |  6 ++++++
 .../libreportal/frontend/html/backup-content.html     | 11 +++++++++--
 docs/DEVELOPMENT.md                                   |  8 +++++++-
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/containers/libreportal/frontend/css/backup.css b/containers/libreportal/frontend/css/backup.css
index 5eb2ad0..801ba3c 100755
--- a/containers/libreportal/frontend/css/backup.css
+++ b/containers/libreportal/frontend/css/backup.css
@@ -176,6 +176,12 @@
     padding: 18px 22px;
 }
 
+/* Stands alone below the two-column cards row (which has no bottom margin), so
+   give it the same vertical rhythm as the summary -> cards gap. */
+.backup-system-card {
+    margin-top: 20px;
+}
+
 .backup-card-header {
     display: flex;
     align-items: baseline;
diff --git a/containers/libreportal/frontend/html/backup-content.html b/containers/libreportal/frontend/html/backup-content.html
index 937ca7b..1cb4d7b 100644
--- a/containers/libreportal/frontend/html/backup-content.html
+++ b/containers/libreportal/frontend/html/backup-content.html
@@ -88,9 +88,16 @@
                 <div class="backup-repo-list" id="backup-repo-list-summary"></div>
               </div>
             </div>
-            <div class="backup-card">
+            <div class="backup-card backup-system-card">
               <div class="backup-card-header">
-                <h2>System config</h2>
+                <h2>
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="opacity:.7;vertical-align:-3px;margin-right:7px">
+                    <rect x="2" y="3" width="20" height="6" rx="1"></rect>
+                    <rect x="2" y="9" width="20" height="6" rx="1"></rect>
+                    <line x1="6" y1="6" x2="6.01" y2="6"></line>
+                    <line x1="6" y1="12" x2="6.01" y2="12"></line>
+                  </svg>System config
+                </h2>
                 <span class="backup-card-hint">Global settings, WebUI login &amp; backup-location credentials</span>
               </div>
               <div class="backup-app-tile-meta" id="backup-system-status" style="margin:0 0 10px">
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index 01ea01a..741c3a4 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -201,7 +201,13 @@ is a dev-only escape hatch.
   from the release): `scripts/`, `tools/`, install templates, and the `libreportal`
   WebUI app itself (its frontend + generated JSON regenerate; its only state, the
   login, lives in the system config). Restore = reinstall the code, then restore
-  the system config + each app's data dir.
+  the system config + each app's data dir. The system snapshot runs automatically
+  in `backup all` and is also on-demand via `libreportal backup system` /
+  `restore system` (restore lands in a staging dir — never overwrites live config)
+  and the WebUI **backup dashboard → "System config" card**, which shows its
+  last-backup status (tag `system=config`, surfaced as `system` in the dashboard
+  JSON) the same way per-app tiles do. The `libreportal` app is excluded from the
+  per-app grid since it isn't backed up.
 - **New runtime script?** Add it under `scripts/<area>/…` and run
   `scripts/source/files/generate_arrays.sh run` (or `libreportal regen arrays`) so
   it's sourced (build/standalone tooling under `scripts/release` and