Style and infos jump

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

@@ -1,3 +1,3 @@
-<p><span>Gear : {{data.gear.mainCanopy}} ({{data.gear.mainCanopy}})</span></p>
-<p><span>Cutaway : {{data.withCutaway}}</span></p>
+<p><span>Gear : {{data.gear.name}} ({{data.gear.mainCanopy}})</span></p>
+<p><mat-checkbox [(ngModel)]="data.withCutaway" labelPosition="before">Cutaway : </mat-checkbox></p>
 <p><span>Notes : {{data.notes}}</span></p>

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html

@@ -1,7 +1,8 @@
 <div class="content">
-  <div *ngIf="dataSourceTable != null else loading">
+  <div>
     <button mat-raised-button color="accent" [routerLink]="['/newjump']" [routerLinkActive]="['active']" skipLocationChange>Add jumps</button>
-
+  </div>
+  <div *ngIf="dataSourceTable != null else loading">
     <table mat-table [dataSource]="dataSourceTable">
       <ng-container matColumnDef="infos">
         <th mat-header-cell *matHeaderCellDef></th>

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

@@ -19,4 +19,5 @@
   justify-content: left;
   flex-direction: column;
   align-items: initial;
+  padding-top: 25px;
 }

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

@@ -1,7 +1,8 @@
 
 <div class="content">
-  <button mat-raised-button color="accent" [routerLink]="['/jumps']" [routerLinkActive]="['active']" skipLocationChange>View the jumps</button>
-
+  <div>
+    <button mat-raised-button color="accent" [routerLink]="['/jumps']" [routerLinkActive]="['active']" skipLocationChange>View the jumps</button>
+  </div>
   <form class="formNewJumps" (ngSubmit)="onFormSubmit()" *ngIf="notLoadingToDisplay() else loading">
     <mat-form-field>
       <mat-label>Choose the jump type</mat-label>