From 1037d74620a3f0c4ec68cd4a3600cffa0debc0dc Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian.thierry72@gmail.com>
Date: Sat, 5 Mar 2022 12:54:19 +0100
Subject: [PATCH] Minor visual changes

---
 .../task-display/task-display.component.html          |  6 ++----
 .../task-display/task-display.component.scss          | 11 ++++++++++-
 src/styles.scss                                       |  6 ++++++
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/app/active-list-tasks/task-display/task-display.component.html b/src/app/active-list-tasks/task-display/task-display.component.html
index 76ae368..203d1b1 100644
--- a/src/app/active-list-tasks/task-display/task-display.component.html
+++ b/src/app/active-list-tasks/task-display/task-display.component.html
@@ -20,11 +20,9 @@
             </div>
             <div class="actions">
                 <div class="row">
-                    <button class="icon raised" matRipple matTooltip="Définir une alerte dans X minutes">
+                    <button class="raised" matRipple matTooltip="Définir une alerte dans X minutes">
                         <mat-icon>update</mat-icon>
-                    </button>
-                    <button class="icon raised alert" matRipple>
-                        <mat-icon>delete</mat-icon>
+                        Rappel
                     </button>
                 </div>
                 <div class="row">
diff --git a/src/app/active-list-tasks/task-display/task-display.component.scss b/src/app/active-list-tasks/task-display/task-display.component.scss
index e0e234a..94268d5 100644
--- a/src/app/active-list-tasks/task-display/task-display.component.scss
+++ b/src/app/active-list-tasks/task-display/task-display.component.scss
@@ -104,9 +104,18 @@
                     flex-wrap: wrap;
                     justify-content: space-around;
                     align-items: flex-start;
-                    padding: 1rem;
+                    padding: .5rem 1rem;
+
+                    button {
+                        display: flex;
+                        flex-grow: 1;
+                    }
                 }
             }
         }
     }
+}
+
+input, textarea, mat-icon, check-box {
+    color: #fff;
 }
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index a807343..255a598 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -36,6 +36,7 @@ button {
   justify-content: center;
   align-items: center;
   padding: .5rem;
+  color: #fff;
 
   transition: background-color .2s ease-out,
               border-color .2s ease-out;
@@ -61,5 +62,10 @@ button {
   &.alert {
     background: #F93154;
     color: #fff;
+
+    :hover {
+      background-color: #f83e5d;
+      border-color: #b91b35;
+    }
   }
 }
\ No newline at end of file