Un peu de changement sur la largeur et sur

la hauteur

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

@@ -17,7 +17,6 @@
 .navigation {
   position: absolute;
   width: 200px;
-  /* height: 100%; */
   z-index: 101;
   background-color: grey;
   padding: 5px;
@@ -39,6 +38,11 @@
   text-decoration: none;
   cursor: pointer;
   color: #424242;
+  vertical-align: middle;
+}
+
+.navigation .mat-icon {
+  vertical-align: middle;
 }
 
 .navigation .splitter {

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

@@ -1,3 +1,4 @@
+<div class="content">
   <div *ngIf="dataSourceTable != null else loading">
     <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a aircraft</button>
 
@@ -21,3 +22,4 @@
   <ng-template #loading>
     <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
   </ng-template>
+</div>

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.html

@@ -1,3 +1,4 @@
+<div class="content">
   <div *ngIf="dataSourceTable != null else loading">
     <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a jump type</button>
 
@@ -21,3 +22,4 @@
   <ng-template #loading>
     <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
   </ng-template>
+</div>

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

@@ -2,10 +2,10 @@
 
 html,
 body {
-  /* height: 100%; */
+  min-height: 100vh;
-  height: 100vh;
   width: 100vw;
   box-sizing: border-box;
+  overflow: auto;
 }
 
 body {