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

@@ -4,9 +4,16 @@
 
 {% block title %}{{ titel }} · svc-essensplanung{% endblock %}
 
+{% block fab %}{% endblock %}
+
 {% block body %}
     <div class="card">
-        <h1 style="margin-top: 0;">{{ titel }}</h1>
+        <div class="page-head">
+            <div>
+                <h1>{{ titel }}</h1>
+                <div class="subtitle">{{ mahlzeit ? 'Ändere Name, Notiz oder Wochentage.' : 'Ein Gericht, das wieder auf den Plan soll.' }}</div>
+            </div>
+        </div>
 
         {% if fehler %}
             <div class="flash flash-error">{{ fehler }}</div>
@@ -17,12 +24,14 @@
 
             <div class="field">
                 <label for="name">Name <span class="req" title="Pflichtfeld">*</span></label>
-                <input type="text" id="name" name="name" value="{{ werte.name }}" required>
+                <input type="text" id="name" name="name" value="{{ werte.name }}" required
+                        placeholder="z. B. Spaghetti Bolognese" autofocus
+                        autocomplete="off" enterkeyhint="next">
             </div>
 
             <div class="field">
                 <label for="notiz">Notiz</label>
-                <textarea id="notiz" name="notiz" rows="3" placeholder="z. B. mit Basilikum, scharf …">{{ werte.notiz }}</textarea>
+                <textarea id="notiz" name="notiz" rows="3" placeholder="z. B. mit Basilikum, scharf …" enterkeyhint="done">{{ werte.notiz }}</textarea>
             </div>
 
             <div class="field">
@@ -39,7 +48,7 @@
                 </div>
             </div>
 
-            <div class="actions">
+            <div class="actions" style="margin-top: 1.4rem;">
                 <button type="submit" class="btn">{{ mahlzeit ? 'Speichern' : 'Anlegen' }}</button>
                 <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">Abbrechen</a>
             </div>