Minor visual changes

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">

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;
 }

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;
+    }
   }
 }