Merge remote-tracking branch 'origin/master'

src/backend/routes/PublicRouter.ts

@@ -93,6 +93,25 @@ export class PublicRouter {
       }
     );
 
+    app.get('/manifest.json',
+      (req: Request, res: Response, next: NextFunction) => {
+        res.send({
+          name: Config.Client.applicationTitle,
+          icons: [
+            {
+              src: 'assets/icon_inv.png',
+              sizes: '48x48 72x72 96x96 128x128 256x256'
+            }
+          ],
+          display: 'standalone',
+          orientation: 'any',
+          start_url: Config.Client.publicUrl,
+          background_color: '#000000',
+          theme_color: '#000000'
+        });
+      }
+    );
+
     app.get(['/', '/login', '/gallery*', '/share*', '/admin', '/duplicates', '/faces', '/search*'],
       AuthenticationMWs.tryAuthenticate,
       setLocale,

src/frontend/app/ui/gallery/directories/directories.component.ts

@@ -19,9 +19,13 @@ export class DirectoriesComponent implements OnChanges {
   }
 
   private updateSize() {
+    if (window.innerWidth < window.innerHeight) {
+      // On portrait mode, show 2 directories side by side with some padding
+      this.size = Math.round(window.innerWidth / 2) - 25;
+    } else {
       const size = 220 + 5;
       const containerWidth = this.container.nativeElement.parentElement.clientWidth;
       this.size = (containerWidth / Math.round((containerWidth / size))) - 5;
     }
-
+  }
 }

src/frontend/app/ui/login/login.component.html

@@ -44,6 +44,8 @@
                    id="password"
                    placeholder="Password"
                    autocomplete="login-password"
+                   autocorrect="off"
+                   autocapitalize="none"
                    [(ngModel)]="loginCredential.password"
                    required>
           </div>

src/frontend/index.html

@@ -7,6 +7,11 @@
   <link rel="shortcut icon" href="assets/icon.png">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <meta name="theme-color" content="#000000" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <link rel="manifest" crossorigin="use-credentials" href="manifest.json">
+
   <link rel="stylesheet"
         href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap3/bootstrap-switch.css">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"