Change taskLists selection display.

src/app/active-list-tasks/task-display/task-display.component.scss

@@ -104,7 +104,7 @@
                     flex-wrap: wrap;
                     justify-content: space-around;
                     align-items: flex-start;
-                    padding: .5rem 1rem;
+                    padding: .5rem 0 .5rem 1rem;
 
                     button {
                         display: flex;

src/app/core/components/header/header.component.html

@@ -26,6 +26,6 @@
     Cliquez sur une liste pour la sélectionner
   </div>
   <div class="actions">
-    <button mat-raised-button (click)="disableSelectionMode()">Annuler</button>
+    <button class="raised" (click)="disableSelectionMode()">Annuler</button>
   </div>
 </nav>

src/app/task-lists/task-lists.component.html

@@ -15,9 +15,11 @@
           {{taskList.tasks?.length}} tâches
         </ng-template>
       </ng-container>
+
+      <mat-icon *ngIf="isSelectionModeEnabled() && isSelected(taskList)" class="selection-icon">done</mat-icon>
     </div>
     {{taskList.name}}
-    <ng-container *ngIf="isSelectionModeEnabled() && isSelected(taskList)">
+    <ng-container >
       SELECTED
     </ng-container>
   </div>

src/app/task-lists/task-lists.component.scss

@@ -21,6 +21,16 @@
       border-radius: .5rem;
       background-color: aliceblue;
       margin-bottom: .5rem;
+      position: relative;
+
+      .selection-icon {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        font-size: 3rem;
+        width: 3rem;
+        height: 3rem;
+      }
     }
   }
 }