Bug-Fix

S52756884 #UX Fix Message Template

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

-<div [ngClass]="{'global-content-area': isGlobalHT}" class="{{objectID ? 'openedFromWorkflow' : 'dashboard-content-area second-part' }}">
+<div [ngClass]="{'global-content-area': isGlobalHT}"
+     class="{{objectID ? 'openedFromWorkflow' : 'dashboard-content-area second-part' }}">
     <app-error-message></app-error-message>
     <form #form="ngForm">
         <div class="ui-g ui-fluid">
@@ -6,15 +7,16 @@
                 <div class="ui-g ui-fluid" *ngIf="!objectID">
                     <div class="ui-g-12">
                         <div class="page-title page-title-with-arrow">
-                            <a [routerLink]="[isGlobalHT ? '/list-message-templates/global' : '/admin/list-message-templates']" class="arrow-btn-blue ml-0"
+                            <a [routerLink]="[isGlobalHT ? '/list-message-templates/global' : '/admin/list-message-templates']"
+                               class="arrow-btn-blue ml-0"
                                *ngIf="!objectID">
-                                <img src="assets/images/arrow-left-prev_blue.svg">
+                                <img src="assets/images/arrow-left-prev_blue.svg" alt="">
                             </a>
                             {{editMode ? "Edit" : "Add"}} Message Template
                         </div>
                     </div>
                 </div>
-                <div class="main-tab-template">
+                <div class="form-group main-tab-template">
                     <span class="job-details culture">Message Template</span>
                 </div>
                 <div class="ui-g ui-fluid form message-template-form">
@@ -70,7 +72,7 @@
                             <button class="btn btn-primary add-more-btn" (click)="addAnchorText(true)">Add</button>
                             <button class="btn btn-primary add-more-btn" (click)="addAnchorText(false)">Cancel</button>
                         </p-overlayPanel>
-                        <div class="form-group row">
+                        <div class="row">
                             <div class="col-md-12">
                                 <label>Message Content</label>
                                 <p-editor *ngIf="emailTemplateType()" [(ngModel)]="messageTemplate.MessageContent"
@@ -100,9 +102,7 @@
                 </div>
                 <div class="ui-g ui-fluid">
                     <div class="ui-g-12 ui-md-12">
-                        <div class="ui-g">
-                            <div class="ui-g-12 ui-md-12">
-                                <div class="text-center form-group">
+                        <div class="text-center">
                             <button type="button" value="Cancel" class="btn btn-primary largeBtn greyBtn"
                                     (click)="cancelClicked()">Cancel
                             </button>
@@ -127,8 +127,6 @@
                 </div>
             </div>
         </div>
-            </div>
-        </div>
         <div id="showPlainText"></div>
         <p-progressSpinner *ngIf="showLoader"></p-progressSpinner>
     </form>

frontend/angular/src/assets/css/custom.scss

@@ -283,6 +283,11 @@
 
             .message-template-form {
                 padding-top: 0 !important;
+                padding-bottom: 0 !important;
+            }
+
+            .main-tab-template {
+                height: 50px;
             }
         }
     }
@@ -292,7 +297,7 @@
             left: 130px !important;
             right: 130px !important;
             overflow-y: scroll;
-            height: 80% !important;
+            height: 92% !important;
         }
     }
 }