logo styling and lock now

src/app/accounts/login.component.html

@@ -1,7 +1,7 @@
 <form #form (ngSubmit)="submit()" [appApiAction]="formPromise" class="container">
     <div class="row justify-content-md-center mt-5">
         <div class="col-5">
-            <img src="../../images/logo-dark@2x.png" class="img-fluid px-5 mb-4" alt="Bitwarden">
+            <img src="../../images/logo-dark@2x.png" class="mb-2" alt="Bitwarden">
             <p class="lead text-center mx-4 mb-4">{{'loginOrCreateNewAccount' | i18n}}</p>
             <div class="card">
                 <div class="card-body">

src/app/layouts/navbar.component.html

@@ -25,6 +25,7 @@
                     <a class="dropdown-item" href="#">Help</a>
                     <a class="dropdown-item" href="#">Get the Apps</a>
                     <div class="dropdown-divider"></div>
+                    <a class="dropdown-item" href="#" appStopClick (click)="lock()">{{'lockNow' | i18n}}</a>
                     <a class="dropdown-item" href="#" appStopClick (click)="logOut()">{{'logOut' | i18n}}</a>
                 </div>
             </li>

src/app/layouts/navbar.component.ts

@@ -11,6 +11,10 @@ import { MessagingService } from 'jslib/abstractions/messaging.service';
 export class NavbarComponent {
     constructor(private messagingService: MessagingService) { }
 
+    lock() {
+        this.messagingService.send('lockVault');
+    }
+
     logOut() {
         this.messagingService.send('logout');
     }

src/locales/en/messages.json

@@ -541,5 +541,8 @@
   },
   "invalidMasterPassword": {
     "message": "Invalid master password"
+  },
+  "lockNow": {
+    "message": "Lock Now"
   }
 }

src/scss/styles.scss

@@ -272,3 +272,11 @@ app-vault-groupings {
         }
     }
 }
+
+app-login {
+    img {
+        width: 284px;
+        margin: 0 auto;
+        display: block;
+    }
+}