Fix form alignment.

src/app/auth/auth.component.html

@@ -37,6 +37,7 @@
             <h4 id="passwordState" class="text-dark-50 text-center font-weight-bold"></h4>
           </div>
 
+          <div class="center-items">
             <form [formGroup]="passwordForm" (ngSubmit)="onPasswordInput()">
 
               <mat-form-field appearance="outline">
@@ -48,12 +49,13 @@
                 </div>
               </mat-form-field>
 
-            <button mat-raised-button matRipple color="primary" type="submit" class="ml-3" [disabled]="passwordFormLoading">
+              <button id="passwordLoginButton" mat-raised-button matRipple color="primary" type="submit" class="ml-3" [disabled]="passwordFormLoading">
                 <span *ngIf="passwordFormLoading" class="spinner-border spinner-border-sm mr-1"></span>
                 Login
               </button>
 
             </form>
+          </div>
 
           <div class="row mt-3">
             <div class="col-12 text-center">

src/styles.scss

@@ -29,6 +29,12 @@ a, a:hover, a:focus {
   perspective: 1500px;
 }
 
+.center-items {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 #sidebar {
   min-width: 250px;
   max-width: 250px;
@@ -211,6 +217,11 @@ a[data-toggle="collapse"] {
   overflow: initial;
 }
 
+#passwordLoginButton {
+  height: 3.0rem;
+  padding-top: 0.5rem;
+}
+
 button {
   height: 2.5rem;
 }