ui-fixes

frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.html

@@ -467,7 +467,7 @@
                                      [disabled]="showLoader"
                                      [id]="'Delay'+message.ObjectID+'Id'"
                                      class="form-control"
-                                     mask="9?9:99:99" required
+                                     mask="9?9:99:99"
                                      name="Delay{{message.ObjectID}}">
                         </p-inputMask>
                         <div (click)="toggleInput($event, 'Delay'+message.ObjectID, true)"

frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.scss

@@ -74,12 +74,12 @@ p-inputMask {
 
 ::ng-deep {
     input, p-inputMask {
-        &.ng-invalid {
+        &.ng-invalid.ng-touched {
             border: 1px solid red;
         }
     }
 
-    p-dropdown.ng-invalid > .ui-dropdown {
+    p-dropdown.ng-invalid.ng-touched > .ui-dropdown {
         background-image: linear-gradient(to bottom, rgba(3, 160, 231, 0.5), rgba(3, 160, 231, 0.5)), linear-gradient(to bottom, red, red) !important;
     }