Improve iphone compatability.

Author: TolinSimpson

index.html

@@ -9,13 +9,18 @@
     <!-- PWA Meta Tags -->
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="default">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-title" content="PWA Template">
+    <meta name="apple-touch-fullscreen" content="yes">
+    <meta name="format-detection" content="telephone=no">
 
     <!-- Icons -->
     <link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192x192.png">
     <link rel="icon" type="image/png" sizes="512x512" href="icons/icon-512x512.png">
     <link rel="apple-touch-icon" href="icons/icon-192x192.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="icons/icon-192x192.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="icons/icon-512x512.png">
+    <link rel="apple-touch-icon" sizes="167x167" href="icons/icon-192x192.png">
 
     <!-- Manifest -->
     <link rel="manifest" href="manifest.json">

manifest.json

@@ -6,10 +6,11 @@
   "display": "standalone",
   "theme_color": "#4285f4",
   "background_color": "#ffffff",
-  "orientation": "any",
+  "orientation": "portrait-primary",
   "scope": "./",
   "lang": "en",
   "categories": ["productivity", "utilities"],
+  "prefer_related_applications": false,
   "icons": [
     {
       "src": "icons/icon-192x192.png",