Fix de style

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css

@@ -2,12 +2,6 @@ table {
   width: 100%;
 }
 
-/* .table-container {
-  position: relative;
-  height: 650px;
-  overflow: auto;
-} */
-
 .mat-row td {
   padding: 15px;
 }

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

@@ -0,0 +1,7 @@
+.mat-row td {
+  padding-right: 15px;
+}
+
+.paragraph {
+  margin-top: 30px;
+}

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

@@ -1,8 +1,26 @@
-<p>
+<div>
   <label>Total jumps</label>
   Total Total
-</p>
-<div>
+</div>
+
+<div class="paragraph">
+  <label>Total cutaways</label>
+</div>
+
+<div class="paragraph">
+  <label>Last jump</label>
+  Date and location
+</div>
+
+<div class="paragraph">
+  <label>Jumps in the last month</label>
+</div>
+
+<div class="paragraph">
+  <label>Jumps in the last year</label>
+</div>
+
+<div class="paragraph">
   <label>By DZ</label>
   <table mat-table [dataSource]="dsNbJumpByDz">
     <ng-container matColumnDef="label">
@@ -15,7 +33,8 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
 </div>
-<div>
+
+<div class="paragraph">
   <label>By aircraft</label>
   <table mat-table [dataSource]="dsNbJumpByAircraft">
     <ng-container matColumnDef="label">
@@ -28,7 +47,8 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
 </div>
-<div>
+
+<div class="paragraph">
   <label>By gear</label>
   <table mat-table [dataSource]="dsNbJumpByGear">
     <ng-container matColumnDef="label">
@@ -41,7 +61,8 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
 </div>
-<div>
+
+<div class="paragraph">
   <label>By jump type</label>
   <table mat-table [dataSource]="dsNbJumpByType">
     <ng-container matColumnDef="label">
@@ -54,7 +75,8 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
 </div>
-<div>
+
+<div class="paragraph">
   <label>By year</label>
   <table mat-table [dataSource]="dsNbJumpByYear">
     <ng-container matColumnDef="label">
@@ -67,20 +89,3 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
 </div>
-
-<p>
-  <label>Total cutaways</label>
-</p>
-
-<p>
-  <label>Last jump</label>
-  Date and location
-</p>
-
-<p>
-  <label>Jumps in the last month</label>
-</p>
-
-<p>
-  <label>Jumps in the last year</label>
-</p>

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

@@ -8,7 +8,7 @@ body {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   margin: 10px;
   color: #424242;
-  height: 665px;
+  min-height: 665px;
   overflow: auto;
 }