Bugfix: PWA-Banner zentriert, logo gefixt

app.py

@@ -184,4 +184,4 @@ def stats():
 
 
 if __name__ == '__main__':
-    app.run(debug=True) 
+    app.run(debug=True, host="0.0.0.0")

static/logo.svg

@@ -5,4 +5,4 @@
   <text x="60" y="80" text-anchor="middle" font-size="28" font-family="Segoe UI, Arial, sans-serif" fill="#2563eb" font-weight="bold">15</text>
   <rect x="35" y="15" width="8" height="18" rx="4" fill="#fff"/>
   <rect x="77" y="15" width="8" height="18" rx="4" fill="#fff"/>
-</svg>
+</svg> 

static/manifest.json

@@ -9,6 +9,6 @@
   "icons": [
     { "src": "/favicon.png", "sizes": "32x32", "type": "image/png" },
     { "src": "/favicon.ico", "sizes": "48x48 64x64 128x128 256x256", "type": "image/x-icon" },
-    { "src": "/logo.svg", "sizes": "any", "type": "image/svg+xml" }
+    { "src": "/static/logo.svg", "sizes": "any", "type": "image/svg+xml" }
   ]
 } 

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>