From efc5cc2d29deb222e15ecf0400667e9373de661b Mon Sep 17 00:00:00 2001
From: Eddy <eddy@alles-watt-laeuft.de>
Date: Sat, 18 Jul 2026 13:53:26 +0200
Subject: [PATCH] Fix: Neuer-Auftrag-Formular oben statt mittig +
 Tastatur-Handling [deploy]

- fs-body des Modals hatte per globalem CSS justify-content:center; bei
  flex-direction:column zentrierte das den Inhalt vertikal -> Formular sass
  'weit unten' (gemessen: Content-Top 255px statt 71px bei 390x740).
  Inline justify-content:flex-start ergaenzt -> Formular oben unter dem Header.
- scrollIntoView({block:'center'}) beim Fokus der Textfelder, damit das aktive
  Feld ueber die Bildschirmtastatur geschoben wird (mobile).
---
 app.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index 584289e..fa6a9fa 100644
--- a/app.js
+++ b/app.js
@@ -1562,7 +1562,7 @@ async function openNewOrderModal() {
             <div class="fs-title">➕ Neuer Auftrag</div>
             <button class="icon-btn" id="no-save" title="Anlegen & Fotos machen" disabled>✓</button>
         </div>
-        <div class="fs-body" style="flex-direction:column;gap:10px;padding:16px;align-items:stretch;">
+        <div class="fs-body" style="flex-direction:column;gap:10px;padding:16px;align-items:stretch;justify-content:flex-start;">
             <div id="no-step-customer">
                 <label class="label">Kunde wählen</label>
                 <input type="search" id="no-customer-search" class="new-order-customer-search" placeholder="🔍 Name, Ort…" autocomplete="off">
@@ -1613,6 +1613,16 @@ async function openNewOrderModal() {
     const validateCb = modal.querySelector('#no-validate');
     const changeBtn  = modal.querySelector('#no-change-customer');
 
+    // Mobile: beim Fokus das aktive Feld über die Bildschirmtastatur schieben
+    // (Tastatur öffnet verzögert -> kleiner Timeout, bis der Viewport geschrumpft ist)
+    [refIn, titleIn, deliveryIn].forEach((el) => {
+        el.addEventListener('focus', () => {
+            setTimeout(() => {
+                try { el.scrollIntoView({ block: 'center', behavior: 'smooth' }); } catch (e) {}
+            }, 300);
+        });
+    });
+
     let selectedCustomer = null;
 
     closeBtn.onclick = () => closeModal(modal);