From 01740eb73087fb2608ca673c33fe37ea49c4bd84 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Mon, 8 Apr 2024 08:32:35 +0200
Subject: [PATCH] added form validation design

---
 src/app/components/add-task/add-task.component.html |  2 +-
 src/app/components/add-task/add-task.component.scss | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
index 743509c..982224f 100644
--- a/src/app/components/add-task/add-task.component.html
+++ b/src/app/components/add-task/add-task.component.html
@@ -124,7 +124,7 @@
           </div>
         </div>
         <div class="priority">
-          <p>Prio<span class="red-dot">*</span></p>
+          <p>Prio</p>
           <div class="btns">
             <button
               type="button"
diff --git a/src/app/components/add-task/add-task.component.scss b/src/app/components/add-task/add-task.component.scss
index 938e344..33d8b33 100644
--- a/src/app/components/add-task/add-task.component.scss
+++ b/src/app/components/add-task/add-task.component.scss
@@ -22,6 +22,18 @@ select {
   resize: none;
 }
 
+input:invalid,
+textarea:invalid,
+select:invalid {
+  border: 1px dashed red;
+}
+
+input:valid,
+textarea:valid,
+select:valid {
+  border: 1px solid black;
+}
+
 p {
   font-size: 20px;
   font-weight: 400;
@@ -78,6 +90,7 @@ p {
 .assigned-badget {
   display: flex;
   margin-top: 6px;
+  height: 40px;
 }
 
 .circle {