From 9956a3142488b44c6c88f9e924dc559fc518a91c Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Tue, 9 Apr 2024 08:11:29 +0200
Subject: [PATCH] design subtask & optimise code

---
 src/app/components/add-task/add-task.component.html | 2 +-
 src/app/components/add-task/add-task.component.scss | 8 ++++++--
 src/app/components/add-task/add-task.component.ts   | 3 +--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
index 8875952..63b9266 100644
--- a/src/app/components/add-task/add-task.component.html
+++ b/src/app/components/add-task/add-task.component.html
@@ -230,7 +230,7 @@
           <img class="add" src="./../../../assets/img/add.svg" alt="" />
           } @if (taskData.subtasks) {
           <div class="subtasks">
-            @for (task of taskData.subtasks; track task) {
+            @for (task of taskData.subtasks.reverse(); track task) {
             <div class="single-subtask">
               <p>- {{ task }}</p>
               <img
diff --git a/src/app/components/add-task/add-task.component.scss b/src/app/components/add-task/add-task.component.scss
index d552919..61f2fc2 100644
--- a/src/app/components/add-task/add-task.component.scss
+++ b/src/app/components/add-task/add-task.component.scss
@@ -120,14 +120,18 @@ p {
 }
 
 .subtasks {
-  padding: 12px 6px;
+  padding: 12px 0;
+  margin-right: 14px;
   .single-subtask {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 3px 6px;
+    padding: 6px 9px;
     width: 100%;
     cursor: pointer;
+    p {
+      padding: 0;
+    }
     &:hover {
       border-radius: 12px;
       background-color: var(--light-gray);
diff --git a/src/app/components/add-task/add-task.component.ts b/src/app/components/add-task/add-task.component.ts
index b91ee57..b38bd41 100644
--- a/src/app/components/add-task/add-task.component.ts
+++ b/src/app/components/add-task/add-task.component.ts
@@ -25,7 +25,6 @@ export class AddTaskComponent {
   searchValue: string = '';
   searchInput: boolean = false;
   filteredUsers: User[] = [];
-
   constructor(public firebaseService: FirebaseService) {}
 
   taskData: TaskData = {
@@ -43,7 +42,7 @@ export class AddTaskComponent {
   }
 
   addSubtask(subtaskName: string) {
-    this.taskData.subtasks.push(subtaskName);
+    this.taskData.subtasks.unshift(subtaskName);
     this.saveTaskData();
   }