ui-fixes

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

@@ -373,7 +373,7 @@
                                      [disabled]="showLoader"
                                      [id]="'Delay'+message.ObjectID+'Id'"
                                      class="form-control"
-                                     mask="9?9:99:99"
+                                     mask="9?9:99:99" required
                                      name="Delay{{message.ObjectID}}">
                         </p-inputMask>
                         <div (click)="toggleInput($event, 'Delay'+message.ObjectID, true)"
@@ -412,7 +412,7 @@
                         <p-dropdown (onChange)="showMessageTemplateDialog($event, message)"
                                     [(ngModel)]="message.MessageTemplate"
                                     [options]="messageTemplates"
-                                    filter="true"
+                                    filter="true" required
                                     name="messageTemplate{{message.ObjectID}}"
                                     optionLabel="TemplateName">
                             <ng-template let-message pTemplate="selectedItem">
@@ -467,7 +467,7 @@
                                      [disabled]="showLoader"
                                      [id]="'Delay'+message.ObjectID+'Id'"
                                      class="form-control"
-                                     mask="9?9:99:99"
+                                     mask="9?9:99:99" required
                                      name="Delay{{message.ObjectID}}">
                         </p-inputMask>
                         <div (click)="toggleInput($event, 'Delay'+message.ObjectID, true)"
@@ -505,7 +505,7 @@
                         <p-dropdown (onChange)="showMessageTemplateDialog($event, message)"
                                     [(ngModel)]="message.MessageTemplate"
                                     [options]="messageTemplates"
-                                    filter="true"
+                                    filter="true" required
                                     name="messageTemplate{{message.ObjectID}}"
                                     optionLabel="TemplateName">
                             <ng-template let-message pTemplate="selectedItem">

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

@@ -73,6 +73,16 @@ p-inputMask {
 }
 
 ::ng-deep {
+    input, p-inputMask {
+        &.ng-invalid {
+            border: 1px solid red;
+        }
+    }
+
+    p-dropdown.ng-invalid > .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;
+    }
+
     .ui-orderlist-controls {
         display: none !important;
     }

frontend/angular/src/app/components/message-engine/message-engine.component.scss

@@ -332,3 +332,22 @@ a {
 .flex {
     display: flex;
 }
+
+@media (max-width: 640px) {
+    .name {
+        min-width: 40px !important;
+    }
+    .message-footer {
+        margin-top: 10px;
+    }
+    .flex {
+        flex-direction: column;
+    }
+    .btn-container {
+        margin-top: 10px;
+        width: 100%;
+    }
+    .form {
+        padding: 0;
+    }
+}