From 55ff52fd196f989e09ed99a0aea8481c6fb1ea6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Andr=C3=A9?= <sebastien.andre@arolla.fr>
Date: Mon, 3 Feb 2020 13:18:08 +0100
Subject: [PATCH] Fix de style

---
 .../app/list-of-dzs/list-of-dzs.component.css |  6 ---
 .../src/app/summary/summary.component.css     |  7 +++
 .../src/app/summary/summary.component.html    | 53 ++++++++++---------
 .../skydivelogs-app/src/assets/css/styles.css |  2 +-
 4 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
index 00b133f..8d63ef9 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
+++ b/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;
 }
diff --git a/Front/skydivelogs-app/src/app/summary/summary.component.css b/Front/skydivelogs-app/src/app/summary/summary.component.css
index e69de29..8ef9d04 100644
--- a/Front/skydivelogs-app/src/app/summary/summary.component.css
+++ b/Front/skydivelogs-app/src/app/summary/summary.component.css
@@ -0,0 +1,7 @@
+.mat-row td {
+  padding-right: 15px;
+}
+
+.paragraph {
+  margin-top: 30px;
+}
diff --git a/Front/skydivelogs-app/src/app/summary/summary.component.html b/Front/skydivelogs-app/src/app/summary/summary.component.html
index ccdd37d..6c6ddab 100644
--- a/Front/skydivelogs-app/src/app/summary/summary.component.html
+++ b/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>
diff --git a/Front/skydivelogs-app/src/assets/css/styles.css b/Front/skydivelogs-app/src/assets/css/styles.css
index 69826e8..ee75f57 100644
--- a/Front/skydivelogs-app/src/assets/css/styles.css
+++ b/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;
 }