From 33c431921dc5681f32cbb48cd23f7ffb00194eb3 Mon Sep 17 00:00:00 2001
From: Sana EL HIRI <sana.elhiri@labanquepostale.fr>
Date: Tue, 22 Mar 2022 12:36:25 +0100
Subject: [PATCH] css

---
 .../formulaire/formulaire.component.scss      |  8 +--
 .../page-ajouter/page-ajouter.component.scss  |  2 +
 .../page-modifier.component.scss              |  2 +
 .../page-tableau/page-tableau.component.html  | 63 ++++++++++---------
 .../page-tableau/page-tableau.component.scss  | 19 ++++++
 5 files changed, 61 insertions(+), 33 deletions(-)

diff --git a/src/app/modules/admin/components/formulaire/formulaire.component.scss b/src/app/modules/admin/components/formulaire/formulaire.component.scss
index 1b527e6..8e0c566 100644
--- a/src/app/modules/admin/components/formulaire/formulaire.component.scss
+++ b/src/app/modules/admin/components/formulaire/formulaire.component.scss
@@ -13,8 +13,8 @@
   margin-right: auto;
   border: solid 1px;
   border-radius: 10px;
-  background-color: #64c982;
-  border-color: #64c982;
+  background-color: #306340;
+  border-color: #306340;
 }
 
 .form-plant .checkbox {
@@ -70,6 +70,6 @@
 .btn-outline-success {
   margin-top: 10px;
   background-color: #ffff;
-  color: #64c982 !important;
-  border-color: #64c982 !important;
+  color: #306340 !important;
+  border-color: #306340 !important;
 }
diff --git a/src/app/modules/admin/pages/page-ajouter/page-ajouter.component.scss b/src/app/modules/admin/pages/page-ajouter/page-ajouter.component.scss
index 8a0fa8b..c15ebd4 100644
--- a/src/app/modules/admin/pages/page-ajouter/page-ajouter.component.scss
+++ b/src/app/modules/admin/pages/page-ajouter/page-ajouter.component.scss
@@ -1,4 +1,6 @@
 h1{
+  display: flex;
+  justify-content: center;
   color: rgba(0, 0, 0, 0.658);
   font-size: 28px;
   margin-top: 20px;
diff --git a/src/app/modules/admin/pages/page-modifier/page-modifier.component.scss b/src/app/modules/admin/pages/page-modifier/page-modifier.component.scss
index 8a0fa8b..c15ebd4 100644
--- a/src/app/modules/admin/pages/page-modifier/page-modifier.component.scss
+++ b/src/app/modules/admin/pages/page-modifier/page-modifier.component.scss
@@ -1,4 +1,6 @@
 h1{
+  display: flex;
+  justify-content: center;
   color: rgba(0, 0, 0, 0.658);
   font-size: 28px;
   margin-top: 20px;
diff --git a/src/app/modules/admin/pages/page-tableau/page-tableau.component.html b/src/app/modules/admin/pages/page-tableau/page-tableau.component.html
index c32cab0..a35ccd4 100644
--- a/src/app/modules/admin/pages/page-tableau/page-tableau.component.html
+++ b/src/app/modules/admin/pages/page-tableau/page-tableau.component.html
@@ -1,30 +1,35 @@
-<table class="table" *ngIf="subCollection$ | async as collection">
-  <thead class="thead-dark">
-    <tr>
-      <th scope="col">Id</th>
-      <th scope="col">Nom</th>
-      <th scope="col">Prix</th>
-      <th scope="col">Quantité</th>
-      <th scope="col">En stock</th>
-      <th scope="col">Catégorie</th>
-      <th scope="col">Note</th>
-      <th scope="col">Modifier</th>
-      <th scope="col">Supprimer</th>
+<div id="container">
+  <div id="button">
+    <button class="w-100 btn btn-lg btn-outline-success" routerLink="../ajouter">Ajouter une plante </button>
+  </div>
+  <table class="table" *ngIf="subCollection$ | async as collection">
+    <thead class="thead-dark" style="background-color: #306340 ; color:#f3f7f4 ;">
+      <tr>
+        <th scope="col">Id</th>
+        <th scope="col">Nom</th>
+        <th scope="col">Prix</th>
+        <th scope="col">Quantité</th>
+        <th scope="col">En stock</th>
+        <th scope="col">Catégorie</th>
+        <th scope="col">Note</th>
+        <th scope="col">Modifier</th>
+        <th scope="col">Supprimer</th>
+
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let products of collection">
+        <td>{{products.id}}</td>
+        <td>{{products.name}}</td>
+        <td>{{products.price}}</td>
+        <td>{{products.quantity}}</td>
+        <td>{{products.inStock}}</td>
+        <td>{{products.category}}</td>
+        <td>{{products.rating}}</td>
+        <td><a class="bi-pencil-square" style="color: #5472b1;" routerLink="../modifier/{{products.id}}"></a></td>
+        <td class="bi-trash-fill" style="color: rgb(231, 73, 73); cursor: pointer;" (click)="onClickDelete(products.id)"></td>
+      </tr>
+    </tbody>
+  </table>
+</div>
 
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let products of collection">
-      <th scope="row">{{products.id}}</th>
-      <td>{{products.name}}</td>
-      <td>{{products.price}}</td>
-      <td>{{products.quantity}}</td>
-      <td>{{products.inStock}}</td>
-      <td>{{products.category}}</td>
-      <td>{{products.rating}}</td>
-      <td><a class="bi-pencil-square" routerLink="../modifier/{{products.id}}"></a></td>
-      <td class="bi-trash-fill" style="color: red; cursor: pointer;" (click)="onClickDelete(products.id)"></td>
-    </tr>
-  </tbody>
-</table>
-<button routerLink="../ajouter">Ajouter une plante </button>
diff --git a/src/app/modules/admin/pages/page-tableau/page-tableau.component.scss b/src/app/modules/admin/pages/page-tableau/page-tableau.component.scss
index e69de29..179e015 100644
--- a/src/app/modules/admin/pages/page-tableau/page-tableau.component.scss
+++ b/src/app/modules/admin/pages/page-tableau/page-tableau.component.scss
@@ -0,0 +1,19 @@
+#container{
+  display: flex;
+  justify-content: center;
+  margin-top: 5rem;
+}
+table{
+  width: 75%;
+  margin-left: 2rem;
+}
+button{
+  background-color: #306340;
+  color: #f3f7f4 !important;
+  border-color: #306340 !important;
+}
+#button{
+  width: 10%;
+}
+
+