Fix blank space at bottom of screen on iOS

www/assets/css/app.css

@@ -19,6 +19,12 @@ Framework7 and FontAwesome both have a .fab class
     line-height: var(--f7-line-height);
 }
 
+/* https://forum.framework7.io/t/ios-wkwebview-blank-space-at-the-bottom/8530 */
+html, body {
+    height: 100vh;
+    width: 100vw;
+}
+
 .page-content-fab-pad {
     padding-bottom: var(--f7-fab-size);
 }

www/index.html

@@ -4,7 +4,9 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <title>PackageHelper</title>
 <meta charset="UTF-8">
-<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover, user-scalable=no">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="icon" href="assets/images/icons/logo.svg" />
 <link rel="manifest" href="manifest.json">
 <link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css" />