M4: PWA + Mobile-UX – Manifest/Service-Worker + Icons, Auf/Ab-Reorder, FAB, Touch-Targets + Safe-Area, Nav-Entdupidung, Heute-Highlight, Aktions-Trennung (Abhaken vs. Bearbeiten/Löschen), OIDC-Fixes + PWA-Tests

templates/mahlzeiten/archiv.html.twig

@@ -4,18 +4,19 @@
 
 {% block body %}
     <div class="card">
-        <div class="row-between">
-            <h1 style="margin: 0;">Archiv</h1>
+        <div class="page-head">
+            <div>
+                <h1>Archiv</h1>
+                <div class="subtitle">Alle abgehakten (gegessenen) Mahlzeiten. „Aufheben" stellt sie wieder auf „geplant" um.</div>
+            </div>
             <div class="actions">
                 <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">← Mahlzeiten</a>
                 <a class="btn" href="{{ path('mahlzeiten_neu') }}">+ Neue Mahlzeit</a>
             </div>
         </div>
 
-        <p class="muted" style="margin-top: 0.75rem;">Alle abgehakten (gegessenen) Mahlzeiten. „Aufheben" stellt sie wieder auf „geplant" um.</p>
-
         {% if mahlzeiten|length == 0 %}
-            <p class="muted">Noch nichts gegessen – das Archiv ist leer.</p>
+            <p class="empty">Noch nichts gegessen – das Archiv ist leer.</p>
         {% else %}
             <ul class="list">
                 {% for m in mahlzeiten %}