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 94268d5..af08748 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,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; diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html index 464dffb..85348c4 100644 --- a/src/app/core/components/header/header.component.html +++ b/src/app/core/components/header/header.component.html @@ -26,6 +26,6 @@ Cliquez sur une liste pour la sélectionner
- +
diff --git a/src/app/task-lists/task-lists.component.html b/src/app/task-lists/task-lists.component.html index 17471cf..cd33302 100644 --- a/src/app/task-lists/task-lists.component.html +++ b/src/app/task-lists/task-lists.component.html @@ -15,9 +15,11 @@ {{taskList.tasks?.length}} tâches + + done {{taskList.name}} - + SELECTED diff --git a/src/app/task-lists/task-lists.component.scss b/src/app/task-lists/task-lists.component.scss index 78d2bf2..f4bfb29 100644 --- a/src/app/task-lists/task-lists.component.scss +++ b/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; + } } } }