added form validation design

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"

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 {