Fix de style

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>