Kleinere Verbesserungen am Design

README.md

@@ -1,3 +1,7 @@
+![preview.png](.github/screenshots/header.png)
+
+> Weitere Screenshots sind im Ordner `.github/screenshots` zu finden.
+
 # Der Durstrechner
 
 Der Durstrechner ist eine einfache Webanwendung, die den Getränkeverkauf bei Veranstaltungen unterstützt. 
@@ -6,9 +10,6 @@ ist auch offline verfügbar und kann ohne Internetverbindung genutzt werden (Ser
 Einrichtung wird eine Internetverbindung empfohlen (das einmalige Aufrufen der Seite im Browser mit einer Internetverbindung 
 genügt).
 
-![preview.png](.github/screenshots/preview.png)
-
-> Weitere Screenshots sind im Ordner `.github/screenshots` zu finden.
 
 ## Anleitung und Hinweise
 
@@ -24,6 +25,5 @@ genügt).
 pnpm install
 
 # Startet den Entwicklungsserver
-npx http-server -o . 
+npx http-server -o .
 ```
-

assets/manifest.json

@@ -8,26 +8,32 @@
   "theme_color": "#2196f3",
   "screenshots": [
     {
-      "src": "pwa/dark.png",
-      "type": "image/png",
-      "sizes": "1064x2008"
-    },
-    {
-      "src": "pwa/light.png",
-      "type": "image/png",
-      "sizes": "1064x2008"
-    },
-    {
-      "src": "pwa/wide_dark.png",
+      "src": "pwa/logo.png",
       "type": "image/png",
+      "sizes": "1024x1024",
       "form_factor": "wide",
-      "sizes": "3604x2008"
+      "label": "Durstrechner Logo"
     },
     {
-      "src": "pwa/wide_light.png",
+      "src": "pwa/wide.png",
       "type": "image/png",
+      "sizes": "2988x2014",
       "form_factor": "wide",
-      "sizes": "3604x2008"
+      "label": "Anzeige der Webseite"
+    },
+    {
+      "src": "pwa/logo.png",
+      "type": "image/png",
+      "sizes": "1024x1024",
+      "form_factor": "narrow",
+      "label": "Durstrechner Logo"
+    },
+    {
+      "src": "pwa/tall.png",
+      "type": "image/png",
+      "sizes": "1092x2016",
+      "form_factor": "narrow",
+      "label": "Anzeige der Webseite"
     }
   ],
   "icons": [