From e9dd827724816e1d68ffefa93593a3d5ac9ffffa Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Mon, 8 Apr 2024 08:04:25 +0200
Subject: [PATCH] added button

---
 .../components/add-task/add-task.component.html    |  7 +++++++
 .../components/add-task/add-task.component.scss    | 14 ++++++++++++++
 src/assets/img/add-task/arrow-down.svg             |  3 +++
 3 files changed, 24 insertions(+)
 create mode 100644 src/assets/img/add-task/arrow-down.svg

diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
index dd305c6..743509c 100644
--- a/src/app/components/add-task/add-task.component.html
+++ b/src/app/components/add-task/add-task.component.html
@@ -76,6 +76,13 @@
           >
             ></app-assigned
           >
+          <img class="close" src="./../../../assets/img/close.svg" alt="" />
+          } @else {
+          <img
+            class="open"
+            src="./../../../assets/img/add-task/arrow-down.svg"
+            alt=""
+          />
           }
         </div>
         <div class="assigned-badget">
diff --git a/src/app/components/add-task/add-task.component.scss b/src/app/components/add-task/add-task.component.scss
index ce78389..938e344 100644
--- a/src/app/components/add-task/add-task.component.scss
+++ b/src/app/components/add-task/add-task.component.scss
@@ -59,6 +59,20 @@ p {
 
 .assigned {
   position: relative;
+  .open {
+    position: absolute;
+    top: 55px;
+    right: 20px;
+    width: 14px;
+    height: 7px;
+  }
+  .close {
+    position: absolute;
+    top: 45px;
+    right: 15px;
+    width: 25px;
+    height: 25px;
+  }
 }
 
 .assigned-badget {
diff --git a/src/assets/img/add-task/arrow-down.svg b/src/assets/img/add-task/arrow-down.svg
new file mode 100644
index 0000000..7eeb09e
--- /dev/null
+++ b/src/assets/img/add-task/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.29998 4.3L0.699975 1.7C0.383309 1.38333 0.312475 1.02083 0.487475 0.6125C0.662475 0.204167 0.974975 0 1.42498 0H6.57498C7.02498 0 7.33747 0.204167 7.51248 0.6125C7.68748 1.02083 7.61664 1.38333 7.29997 1.7L4.69998 4.3C4.59998 4.4 4.49164 4.475 4.37498 4.525C4.25831 4.575 4.13331 4.6 3.99998 4.6C3.86664 4.6 3.74164 4.575 3.62498 4.525C3.50831 4.475 3.39998 4.4 3.29998 4.3Z" fill="#2A3647"/>
+</svg>