From 1c6b7815fe98525003139e58f7f986cb7ebc866d Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Wed, 6 Jul 2022 23:31:41 -0400
Subject: [PATCH] Login tabs now fill the entire component

Expanded widths of inputs on login page to 100%
---
 src/app/components/login/login.component.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index 39987c5..d965807 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -1,30 +1,30 @@
 <mat-card class="login-card">
-    <mat-tab-group style="margin-bottom: 20px" [(selectedIndex)]="selectedTabIndex">
+    <mat-tab-group mat-stretch-tabs style="margin-bottom: 20px" [(selectedIndex)]="selectedTabIndex">
         <mat-tab label="Login" i18n-label="Login">
             <div style="margin-top: 10px;">
-                <mat-form-field>
+                <mat-form-field style="width: 100%">
                     <input [(ngModel)]="loginUsernameInput" matInput placeholder="User name" i18n-placeholder="User name">
                 </mat-form-field>
             </div>
             <div>
-                <mat-form-field>
+                <mat-form-field style="width: 100%">
                     <input [(ngModel)]="loginPasswordInput" (keyup.enter)="login()" type="password" matInput placeholder="Password" i18n-placeholder="Password">
                 </mat-form-field>
             </div>
         </mat-tab>
         <mat-tab *ngIf="registrationEnabled" label="Register" i18n-label="Register">
             <div style="margin-top: 10px;">
-                <mat-form-field>
+                <mat-form-field style="width: 100%">
                     <input [(ngModel)]="registrationUsernameInput" matInput placeholder="User name" i18n-placeholder="User name">
                 </mat-form-field>
             </div>
             <div>
-                <mat-form-field>
+                <mat-form-field style="width: 100%">
                     <input [(ngModel)]="registrationPasswordInput" (click)="register()" type="password" matInput placeholder="Password" i18n-placeholder="Password">
                 </mat-form-field>
             </div>
             <div>
-                <mat-form-field>
+                <mat-form-field style="width: 100%">
                     <input [(ngModel)]="registrationPasswordConfirmationInput" (click)="register()" type="password" matInput placeholder="Confirm Password" i18n-placeholder="Confirm Password">
                 </mat-form-field>
             </div>