<mat-card *ngIf="userStorage.isLoggedIn == false" class="login-card">
  <form (submit)="onLogin(postForm)" #postForm="ngForm">

    <mat-icon matPrefix>person</mat-icon> &nbsp;
    <mat-form-field class="input-width">
      <mat-label>UserName</mat-label>
      <input matInput type="text" name="userName" ngModel required minlength="3" #userName="ngModel">
      <mat-error *ngIf="userName.invalid">Please enter a valid user name.</mat-error>
    </mat-form-field>

    <br>

    <mat-icon matPrefix>verified_user</mat-icon> &nbsp;
    <mat-form-field class="input-width">
      <mat-label>Password</mat-label>
      <input matInput type="password" name="password" ngModel required minlength="3" #password="ngModel">
      <mat-error *ngIf="password.invalid">Please enter a valid password.</mat-error>
    </mat-form-field>

    <br>

    <button mat-button color="primary" type="submit" class="login-button">
      LOGIN &nbsp;<mat-icon matSuffix>send</mat-icon>
    </button>
  </form>
</mat-card>