X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;ds=sidebyside;f=src%2Fapp%2Foperational-view%2FOperationalViewComponent.html;h=128bcb3db68dbe77bd1b4438bca34951e6f07332;hb=c84f1123f8ba69f9e2211b2d816bb415e595efaa;hp=e23f6a4ab06b5f560b63977a68f7daf4033afb76;hpb=f2ae5462f9c1d6b7a649eb389c5a4c990501b5c4;p=osm%2FNG-UI.git

diff --git a/src/app/operational-view/OperationalViewComponent.html b/src/app/operational-view/OperationalViewComponent.html
index e23f6a4..128bcb3 100644
--- a/src/app/operational-view/OperationalViewComponent.html
+++ b/src/app/operational-view/OperationalViewComponent.html
@@ -15,7 +15,7 @@ limitations under the License.
 
 Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
 -->
-<div class="row d-flex flex-row justify-content-between">
+<div class="d-flex flex-row justify-content-between">
     <div class="d-flex align-items-center header-style">{{ 'PAGE.OPERATIONALDASHBOARD.TITLE' | translate }}
         ({{ 'PAGE.OPERATIONALDASHBOARD.MODELSUMMARY' | translate }})</div>
     <page-reload></page-reload>
@@ -40,12 +40,12 @@ Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
                     <div class="row">
                         <div class="col-lg-12 col-md-12 col-sm-12 p-1">
                             <div class="row my-2 justify-content-end align-items-center setting-section">
-                                <div class="form-group row align-items-center mb-0">
-                                    <label class="col-form-label font-weight-bold text-primary">
+                                <div class="form-group align-items-center mb-0 text-end p-0">
+                                    <label class="col-form-label fw-bold text-primary">
                                         {{ 'PAGE.OPERATIONALDASHBOARD.LIVELOAD' | translate}}
                                     </label>
                                     <!-- Live button switch -->
-                                    <label class="switch ml-1">
+                                    <label class="switch ms-1">
                                         <input id="liveData{{i}}" type="checkbox" [checked]="vcaDetail.isLiveloading"
                                             (change)="callLiveData($event.target.checked, vcaDetail.ns_id, i)">
                                         <div class="slider round">
@@ -54,7 +54,7 @@ Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
                                         </div>
                                     </label>
                                     <!-- Seconds button group -->
-                                    <div class="btn-group list action ml-2 seconds-btn-group" role="group"
+                                    <div class="btn-group list action ms-2 seconds-btn-group" role="group"
                                         *ngIf="vcaDetail.isLiveloading">
                                         <button [disabled]="!vcaDetail.isLiveloading" type="button"
                                             class="btn btn-primary"
@@ -67,7 +67,7 @@ Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
                         </div>
                     </div>
                     <ng-container *ngFor="let modelVCAStatus of vcaDetail.vcaStatusModels; let i = index;">
-                        <h5 class="font-weight-bold text-primary">
+                        <h5 class="fw-bold text-primary">
                             {{ 'PAGE.OPERATIONALDASHBOARD.MODEL' | translate }} {{i+1}} (Cloud/Region):
                             {{modelVCAStatus.model ? modelVCAStatus.model.cloud_tag : '-'}}/
                             {{modelVCAStatus.model ? modelVCAStatus.model.region : '-' }}
@@ -75,7 +75,7 @@ Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
                         <div class="row">
                             <div class="col-lg-12 col-md-12 col-sm-12 p-1">
                                 <div class="row my-2 justify-content-between align-items-center filter-actions">
-                                    <div class="form-group row align-items-center mb-0">
+                                    <div class="form-group align-items-center mb-0 p-0">
                                         <button class="btn btn-sm btn-outline-primary mx-1 filter{{i}} all{{i}} active"
                                             type="button" (click)="showHideTables($event.target, 'all', i)">
                                             {{ 'ALL' | translate }}
@@ -109,11 +109,11 @@ Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
                                     </div>
                                     <div class="form-group row align-items-center mb-0"
                                         *ngIf="modelVCAStatus.executedActions !== undefined && modelVCAStatus.executedActions.length > 0">
-                                        <label class="col-form-label font-weight-bold text-primary">
+                                        <label class="col-form-label fw-bold text-primary">
                                             {{ 'EXECUTEDACTIONS' | translate }}
                                         </label>
                                         <button type="button"
-                                            class="btn btn-sm btn-primary border border-radius-default ml-1"
+                                            class="btn btn-sm btn-primary border border-radius-default ms-1"
                                             (click)="showExecutedActionsList(modelVCAStatus.executedActions);">
                                             <i class="fas fa-directions"></i>
                                         </button>