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