From 3c0073142fd85f3ac3055f012a66ca8012e2e2b8 Mon Sep 17 00:00:00 2001
From: Md Bayazid  Bostame <bostame@bostame-2349.local>
Date: Sat, 28 Mar 2026 12:41:21 +0100
Subject: [PATCH] snapshot: unify remaining admin page headers

---
 .../templates/workflows/app_registry.html     |  2 +-
 .../templates/workflows/backup_recovery.html  | 24 ++++++++++++-------
 .../templates/workflows/user_management.html  | 18 ++++++++------
 3 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/backend/workflows/templates/workflows/app_registry.html b/backend/workflows/templates/workflows/app_registry.html
index eb9130e..55f4f49 100644
--- a/backend/workflows/templates/workflows/app_registry.html
+++ b/backend/workflows/templates/workflows/app_registry.html
@@ -26,7 +26,7 @@
 {% include 'workflows/includes/messages.html' %}
 
 <section class="card">
-  <div class="toolbar">
+  <div class="surface-head">
     <div class="hint">{% trans "Sicherheit bleibt codebasiert: Sichtbarkeit und Reihenfolge sind hier steuerbar, Berechtigungen weiterhin über Rollen und Capabilities." %}</div>
     <span class="badge scheduled">{% trans "Produktkern" %}</span>
   </div>
diff --git a/backend/workflows/templates/workflows/backup_recovery.html b/backend/workflows/templates/workflows/backup_recovery.html
index 4ce6216..a869e26 100644
--- a/backend/workflows/templates/workflows/backup_recovery.html
+++ b/backend/workflows/templates/workflows/backup_recovery.html
@@ -24,12 +24,12 @@
 {% include 'workflows/includes/messages.html' %}
 
 <section class="card">
-  <div class="toolbar">
+  <div class="surface-head">
     <div>
       <h2>{% trans "Backup-Status" %}</h2>
-      <div class="hint">{{ backup_health.summary }}</div>
+      <p>{{ backup_health.summary }}</p>
     </div>
-    <div class="actions">
+    <div class="actions app-action-row">
       {% if backup_health.status == 'healthy' %}
         <span class="badge sent">{{ backup_health.label }}</span>
       {% elif backup_health.status == 'stale' %}
@@ -50,10 +50,10 @@
 </section>
 
 <section class="card">
-  <div class="toolbar">
+  <div class="surface-head">
     <div>
       <h2>{% trans "Aktionen" %}</h2>
-      <div class="hint">{% trans "Erstellung und Verifikation laufen im App-Kontext. Restore bleibt bewusst CLI-only." %}</div>
+      <p>{% trans "Erstellung und Verifikation laufen im App-Kontext. Restore bleibt bewusst CLI-only." %}</p>
     </div>
     <form method="post" action="{% url 'create_backup_from_admin' %}" data-confirm="{% trans 'Neues Backup jetzt erstellen?' %}" data-progress-title="{% trans 'Backup wird erstellt' %}" data-progress-copy="{% trans 'Bitte warten. Datenbank- und Media-Bundle werden gerade vorbereitet.' %}">
       {% csrf_token %}
@@ -63,13 +63,21 @@
 </section>
 
 <section class="card">
-  <h2>{% trans "Automation" %}</h2>
-  <div class="hint">{% trans "Für einen geplanten Verify-Run außerhalb der UI:" %}</div>
+  <div class="surface-head">
+    <div>
+      <h2>{% trans "Automation" %}</h2>
+      <p>{% trans "Für einen geplanten Verify-Run außerhalb der UI:" %}</p>
+    </div>
+  </div>
   <pre><code>docker compose exec -T web python manage.py verify_latest_backup --create-if-missing</code></pre>
 </section>
 
 <section class="card">
-  <h2>{% trans "Verfügbare Backup-Bundles" %}</h2>
+  <div class="surface-head">
+    <div>
+      <h2>{% trans "Verfügbare Backup-Bundles" %}</h2>
+    </div>
+  </div>
   {% if rows %}
   <div class="table-wrap app-table-shell">
     <table class="app-table">
diff --git a/backend/workflows/templates/workflows/user_management.html b/backend/workflows/templates/workflows/user_management.html
index e26dfae..622bdc5 100644
--- a/backend/workflows/templates/workflows/user_management.html
+++ b/backend/workflows/templates/workflows/user_management.html
@@ -24,8 +24,12 @@
   {% include 'workflows/includes/messages.html' %}
 
   <section class="card">
-    <h2>{% trans "Benutzer anlegen" %}</h2>
-    <p class="sub">{% trans "Nach dem Anlegen wird automatisch eine Zugangseinladung mit Passwort-Link per E-Mail versendet." %}</p>
+    <div class="surface-head">
+      <div>
+        <h2>{% trans "Benutzer anlegen" %}</h2>
+        <p>{% trans "Nach dem Anlegen wird automatisch eine Zugangseinladung mit Passwort-Link per E-Mail versendet." %}</p>
+      </div>
+    </div>
     <form method="post" action="{% url 'create_user_from_admin' %}">
       {% csrf_token %}
       <div class="grid">
@@ -56,17 +60,17 @@
         </div>
       </div>
       {% for error in create_form.non_field_errors %}<div class="hint">{{ error }}</div>{% endfor %}
-      <div class="actions">
+      <div class="actions app-action-row">
         <button class="btn btn-primary" type="submit">{% trans "Benutzer anlegen und einladen" %}</button>
       </div>
     </form>
   </section>
 
   <section class="card">
-    <div class="toolbar">
+    <div class="surface-head">
       <div>
         <h2>{% trans "Benutzerübersicht" %}</h2>
-        <p class="sub">{% trans "Rollen ändern, Zugriffe sperren oder ein neues Passwort setzen." %}</p>
+        <p>{% trans "Rollen ändern, Zugriffe sperren oder ein neues Passwort setzen." %}</p>
       </div>
     </div>
     <div class="table-wrap app-table-shell">
@@ -146,10 +150,10 @@
   </section>
 
   <section class="card">
-    <div class="toolbar">
+    <div class="surface-head">
       <div>
         <h2>{% trans "Letzte Benutzeraktionen" %}</h2>
-        <p class="sub">{% trans "Die letzten Änderungen an Benutzerkonten und Rollen." %}</p>
+        <p>{% trans "Die letzten Änderungen an Benutzerkonten und Rollen." %}</p>
       </div>
       <a class="btn btn-secondary" href="/admin-tools/audit-log/">{% trans "Zum Audit Log" %}</a>
     </div>