<div id="login-form" class="flex-container column">
    <mat-form-field class="flex-item">
        <mat-label>Email</mat-label>
        <input matInput placeholder="Email" [formControl]="email">
        <mat-error *ngIf="email.invalid">Email is required {{getErrorMessage()}}</mat-error>
    </mat-form-field>
    <mat-form-field class="flex-item">
        <mat-label>Password</mat-label>
        <input matInput placeholder="Password" type="password" [formControl]="password">
        <mat-error *ngIf="password.invalid">Password is required {{getErrorMessage()}}</mat-error>
    </mat-form-field>
    <button class="flex-item" mat-raised-button color="primary" (click)="login()">
        Login
    </button>
    <button class="flex-item" mat-raised-button color="primary" (click)="register()">
        Register here
    </button>
</div>
