diff --git a/src/app/shared/components/overlay/task-overlay/task-overlay.component.html b/src/app/shared/components/overlay/task-overlay/task-overlay.component.html
index e6998c9..45344f2 100644
--- a/src/app/shared/components/overlay/task-overlay/task-overlay.component.html
+++ b/src/app/shared/components/overlay/task-overlay/task-overlay.component.html
@@ -82,4 +82,15 @@
}
+
+
+

+
Delete
+
+
|
+
+

+
Edit
+
+
diff --git a/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss b/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss
index c0646d2..c803368 100644
--- a/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss
+++ b/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss
@@ -25,7 +25,7 @@ section {
}
.content {
- height: calc(700px - 72px);
+ height: calc(700px - 104px);
overflow-y: auto;
}
@@ -144,6 +144,7 @@ section {
overflow: hidden;
white-space: nowrap;
p {
+ color: var(--black);
font-size: 20px;
font-weight: 400;
margin: 0;
@@ -176,6 +177,7 @@ section {
padding: 6px 12px;
cursor: pointer;
p {
+ color: var(--black);
font-size: 20px;
font-weight: 400;
margin: 0 0 0 18px;
@@ -194,3 +196,36 @@ section {
height: 24px;
}
}
+
+// BTNS
+
+.btns {
+ display: flex;
+ align-items: center;
+ justify-content: right;
+ width: 100%;
+ margin-top: 12px;
+ img {
+ width: 20px;
+ height: 20px;
+ padding-right: 12px;
+ }
+ p {
+ font-size: 16px;
+ font-weight: 400;
+ }
+ span {
+ padding: 0 12px;
+ }
+ .btn {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ &:hover {
+ filter: invert(60%) sepia(58%) saturate(1629%) hue-rotate(165deg);
+ }
+ &:last-child {
+ padding-right: 24px;
+ }
+ }
+}