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