From ae373b82be5c80722905cde13e93c61a1ce2a65f Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Thu, 24 Jul 2025 13:35:10 +0200
Subject: [PATCH] =?UTF-8?q?Bugfix:=20PWA-Banner=20zentriert,=20Flask=20auf?=
 =?UTF-8?q?=200.0.0.0=20f=C3=BCr=20Netzwerkzugriff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.py               |  2 +-
 templates/index.html | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app.py b/app.py
index d8997c7..1b40f2e 100644
--- a/app.py
+++ b/app.py
@@ -184,4 +184,4 @@ def stats():
 
 
 if __name__ == '__main__':
-    app.run(debug=True) 
\ No newline at end of file
+    app.run(debug=True, host="0.0.0.0")
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 1456b26..28d91cf 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,7 +16,7 @@
     <meta property="og:description" content="Open Source Web-App für Kalender- und Datumsberechnungen. Werbefrei, trackingfrei, kostenlos.">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://codeberg.org/elpatron/datecalc">
-    <meta property="og:image" content="/logo.svg">
+    <meta property="og:image" content="/static/logo.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <link rel="stylesheet" href="/static/style.css">
@@ -26,19 +26,18 @@
     .pwa-banner {
         display: none;
         position: fixed;
-        bottom: 0; left: 0; right: 0;
+        top: 0; left: 0; right: 0;
         background: #2563eb;
         color: #fff;
         padding: 1em 1.5em 1.2em 1.5em;
-        box-shadow: 0 -2px 12px #1e293b22;
+        box-shadow: 0 2px 12px #1e293b22;
         z-index: 1000;
         font-size: 1.08em;
         text-align: center;
-        border-radius: 16px 16px 0 0;
+        border-radius: 0 0 16px 16px;
         margin: 0 auto;
-        max-width: 480px;
-        left: 50%;
-        transform: translateX(-50%);
+        width: 100%;
+        /* Entferne max-width, left, transform */
     }
     .pwa-banner button {
         background: #fff;
@@ -61,7 +60,7 @@
         cursor: pointer;
     }
     @media (min-width: 600px) {
-        .pwa-banner { max-width: 420px; }
+        .pwa-banner { max-width: 420px; left: 50%; transform: translateX(-50%); width: auto; }
     }
     </style>
     <script>