From 46f680039d1eedd3ba91e65f035998eda954ca35 Mon Sep 17 00:00:00 2001
From: Eddy <eddy@alles-watt-laeuft.de>
Date: Thu, 16 Apr 2026 17:47:29 +0200
Subject: [PATCH] =?UTF-8?q?[deploy]=20Layout-Fix:=20FAB=20aus=20#app-Flex-?=
 =?UTF-8?q?Container=20l=C3=B6sen=20+=20padding-bottom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der FAB hing als Kind im #app Flex-Layout (display:flex, column) und hat
die bottom-nav nach unten gedrängt. Jetzt sitzt er auf Body-Ebene,
beeinflusst kein Flex mehr. Zusätzlich hat #main padding-bottom:90px
damit der letzte Listeneintrag nicht vom FAB verdeckt wird.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app.css   | 1 +
 index.php | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app.css b/app.css
index a0cefb0..aaaa0b5 100644
--- a/app.css
+++ b/app.css
@@ -51,6 +51,7 @@ body {
 #main {
     flex: 1;
     padding: 16px;
+    padding-bottom: 90px; /* Platz für FAB, damit letzter Listeneintrag nicht verdeckt wird */
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
 }
diff --git a/index.php b/index.php
index 62766d6..e53c89a 100644
--- a/index.php
+++ b/index.php
@@ -49,8 +49,6 @@ header('Expires: 0');
 
     <main id="main"></main>
 
-    <button id="fab-new-order" class="fab" title="Neuer Auftrag" aria-label="Neuer Auftrag" hidden>+</button>
-
     <nav id="bottom-nav" style="display:none">
         <button data-route="today">☀️ Heute</button>
         <button data-route="orders" class="active">📋 Aufträge</button>
@@ -60,6 +58,8 @@ header('Expires: 0');
     </nav>
 </div>
 
+<button id="fab-new-order" class="fab" title="Neuer Auftrag" aria-label="Neuer Auftrag" hidden>+</button>
+
 <div id="toast-container"></div>
 
 <script src="lib/idb.js?v=<?php echo $jsVersion; ?>"></script>