From 9c6cef5a052302e9d347ea33354c55f6427a5be3 Mon Sep 17 00:00:00 2001
From: librelad <librelad@digitalangels.vip>
Date: Thu, 28 May 2026 16:16:22 +0100
Subject: [PATCH] ux(admin/system): give the host info strip a "Host" section
 head
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The OS/Kernel/Uptime/CPU/Swap strip was the only section on the System
page rendered without a .sys-section-head, so it had no title and butted
directly against the charts above it (no top spacing). Add a "Host" head
— matching the Docker / Per-app pattern — which supplies both the label
and the section's 26px top margin. "Host" rather than "System" since the
page H1 is already "System".

Signed-off-by: librelad <librelad@digitalangels.vip>
---
 .../libreportal/frontend/js/components/admin/admin-system.js     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/containers/libreportal/frontend/js/components/admin/admin-system.js b/containers/libreportal/frontend/js/components/admin/admin-system.js
index e6ab925..b764f1d 100644
--- a/containers/libreportal/frontend/js/components/admin/admin-system.js
+++ b/containers/libreportal/frontend/js/components/admin/admin-system.js
@@ -259,6 +259,7 @@ class AdminSystem {
             </div>`;
 
         const infoStrip = `
+            <div class="sys-section-head"><h2>Host</h2></div>
             <div class="sys-strip">
                 ${this.stat('OS', info.os || '—')}
                 ${this.stat('Kernel', info.kernel || '—')}