Angular upgrade

[osm/NG-UI.git] / src / app / utilities / healing / HealingComponent.html

diff --git a/src/app/utilities/healing/HealingComponent.html b/src/app/utilities/healing/HealingComponent.html
index ad22db6..84c413a 100644 (file)
--- a/src/app/utilities/healing/HealingComponent.html
+++ b/src/app/utilities/healing/HealingComponent.html
@@ -23,7 +23,7 @@ Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)
 </div>
 <form [formGroup]="healingForm" (ngSubmit)="manualHealingTrigger()" autocomplete="off">
     <div class="modal-body">
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-12 col-form-label mandatory-label"
                 [ngClass]="{'text-danger': healingForm.invalid === true && submitted === true}">
                 {{'MANDATORYCHECK' | translate}}
@@ -39,7 +39,7 @@ Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)
                 <small class="form-text text-muted" *ngIf="selectedvnfId !== ''">vnfd-id : {{ selectedvnfId }}</small>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <div class="col-sm-6">
                 <label for="memberVnfIndex"> {{'DAY1OPERATION' | translate}}</label>
             </div>
@@ -49,8 +49,8 @@ Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)
                 </ng-select>
             </div>
         </div>
-        <div class="form-group row p-2 bg-light text-white justify-content-end">
-            <div class="col-5">
+        <div class="form-group row p-2 bg-light text-white justify-content-end" mb-3>
+            <div class="col-5 text-end">
                 <button class="button-xs" type="button" class="btn btn-primary" (click)="addVdu()">
                     <i class="fas fa-plus-circle"></i>{{'SELECTVDU' | translate}}</button>
             </div>
@@ -60,34 +60,34 @@ Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)
                 <div class="form-group row" [formGroupName]="i">
                     <div class="card bg-light">
                         <div class="card-body">
-                            <div class="form-group row">
-                                <label class="col-sm-3 col-md-3 col-form-label" for="vduId_{{i}}">{{'VDUID' |
+                            <div class="form-group row mb-3">
+                                <label class="col-sm-3 col-md-3 col-form-label ps-0" for="vduId_{{i}}">{{'VDUID' |
                                     translate}}</label>
-                                <div class="col-sm-8 col-md-8">
+                                <div class="col-sm-8 col-md-8 ps-1">
                                     <ng-select (change)="getCountIndex($event.VDU)"
                                         placeholder="{{'SELECT' | translate}}" [items]="vduId" bindLabel="VDU"
                                         bindValue="VDU" formControlName="vduId" id="vduId_{{i}}"
                                         [ngClass]="{ 'is-invalid': submitted && params.controls.vduId.errors }">
                                     </ng-select>
                                 </div>
-                                <label class="col-sm-3 col-md-3 col-form-label" for="countIndex_{{i}}">{{'COUNTINDEX' |
+                                <label class="col-sm-3 col-md-3 col-form-label ps-0" for="countIndex_{{i}}">{{'COUNTINDEX' |
                                     translate}}</label>
-                                <div class="col-sm-8 col-md-8">
+                                <div class="col-sm-8 col-md-8 ps-1">
                                     <ng-select placeholder="{{'SELECT' | translate}}" [items]="countIndex"
                                         bindLabel="count-index" bindValue="count-index" formControlName="countIndex"
                                         id="countIndex_{{i}}"
                                         [ngClass]="{ 'is-invalid': submitted && params.controls.countIndex.errors }">
                                     </ng-select>
                                 </div>
-                                <label class="col-sm-3 col-md-3 col-form-label" for="runDay1_{{i}}">{{'DAY1OPERATION' |
+                                <label class="col-sm-3 col-md-3 col-form-label ps-0" for="runDay1_{{i}}">{{'DAY1OPERATION' |
                                     translate}}</label>
-                                <div class="col-sm-8 col-md-8">
+                                <div class="col-sm-8 col-md-8 ps-1">
                                     <ng-select formControlName="runDay1" [clearable]="false" placeholder="{{'DAY1OPERATION' |
                                 translate}}" [items]="day1Operation" bindLabel="name" bindValue="id">
                                     </ng-select>
                                 </div>
                                 <div class="col-sm-1">
-                                    <button class="button-xs" type="button" class="close" (click)="removeMapping(i)"
+                                    <button class="button-xs" type="button" class="remove-mapping close" (click)="removeMapping(i)"
                                         placement="right" ngbTooltip="{{ 'CANCEL' | translate }}">
                                         <i class="fas fa-minus-circle text-danger"></i>
                                     </button>