Fix sur la longueur des champs de

formulaire à 100%

Front/skydivelogs-app/src/app/app.component.html

@@ -1,4 +1,4 @@
-<mat-toolbar>
+<mat-toolbar *ngIf="this.show()">
   <button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button>
   <h2>{{ title }}</h2>
 </mat-toolbar>

Front/skydivelogs-app/src/app/app.component.ts

@@ -35,10 +35,6 @@ export class AppComponent implements OnInit {
     this.serviceComm.componentTitle.subscribe(title => (this.title = title));
   }
 
-  toggleMenu() {
-    this.showMenu = !this.showMenu;
-  }
-
   show() {
     return this.authenticationService.currentUserValue != undefined;
   }

Front/skydivelogs-app/src/app/login-user/login-user.component.html

@@ -2,7 +2,7 @@
   <p>
     <mat-form-field>
       <mat-label>Username</mat-label>
-      <input matInput #username="matInput" formControlName="username"
+      <input type="text" matInput #username="matInput" formControlName="username"
         [ngClass]="{ 'is-invalid': submitted && formCtrls.username.errors }">
       <mat-error *ngIf="formCtrls.username.hasError('required')">
         Username is required

Front/skydivelogs-app/src/app/new-jump/new-jump.component.css

@@ -9,10 +9,6 @@
   padding: 15px
 }
 
-.formNewJumps>* {
-  width: 100%;
-}
-
 .content {
   min-height: 90vh;
   display: flex;

Front/skydivelogs-app/src/assets/css/styles.css

@@ -9,4 +9,8 @@ body {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   padding: 10px;
+}
+
+mat-form-field{
+  width: 100%;
 }