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/inspiration.html.twig

@@ -4,10 +4,10 @@
 
 {% block body %}
     <div class="card">
-        <div class="row-between">
+        <div class="page-head">
             <div>
-                <h1 style="margin: 0;">Inspiration</h1>
-                <div class="muted" style="margin-top: 0.2rem;">Gerichte aus dem Archiv – was kochst du mal wieder?</div>
+                <h1>Inspiration</h1>
+                <div class="subtitle">Gerichte aus dem Archiv – was kochst du mal wieder?</div>
             </div>
             <div class="actions">
                 <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">← Mahlzeiten</a>
@@ -18,40 +18,45 @@
         {% set alleAusschluss = ausschluss + gezeigte %}
 
         {% if total == 0 %}
-            <p class="muted" style="margin-top: 1rem;">
+            <p class="empty">
                 Noch keine Inspiration: Hake Mahlzeiten ab – dann erscheinen sie hier als Vorschlag.
             </p>
         {% else %}
             <ul class="list">
                 {% for v in vorschlaege %}
                     <li class="item" id="vorschlag-{{ v.id }}">
-                        <div>
+                        <div class="item-name">
                             <strong>{{ v.name }}</strong>
                             {% if v.notiz != '' %}
-                                <div class="muted">{{ v.notiz }}</div>
+                                <div class="notiz">{{ v.notiz }}</div>
                             {% endif %}
-                            <span class="status">
+                            <div class="vorschlag-meta">
                                 {% if v.gegessenAm %}
                                     zuletzt gegessen · {{ v.gegessenAm|date('d.m.Y') }}
                                 {% else %}
                                     aus dem Archiv
                                 {% endif %}
-                                · {{ v.auftraete }}× in der Küche
-                            </span>
+                                · <b>{{ v.auftraete }}</b>× in der Küche
+                            </div>
                         </div>
                         <div class="actions">
                             <form method="post" action="{{ path('mahlzeiten_adopt', { id: v.id }) }}">
                                 {% for id in alleAusschluss %}
                                     <input type="hidden" name="ausschluss[]" value="{{ id }}">
                                 {% endfor %}
-                                <button type="submit" class="btn">Übernehmen</button>
+                                <button type="submit" class="btn">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                        <path d="M20 6 9 17l-5-5"/>
+                                    </svg>
+                                    Übernehmen
+                                </button>
                             </form>
                         </div>
                     </li>
                 {% endfor %}
             </ul>
             {% if mehrVerfuegbar %}
-                <p style="margin: 1rem 0 0;">
+                <p class="muted" style="margin: 1.1rem 0 0; text-align: center;">
                     <a class="btn btn-link"
                        href="{{ path('mahlzeiten_inspiration', { ausschluss: alleAusschluss|join(',') }) }}">Weitere 5 Vorschläge</a>
                 </p>