Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
-->
-<div class="row d-flex align-items-center justify-content-between">
+<div class="d-flex align-items-center justify-content-between">
<div class="col-sm-4">
<div class="d-flex align-items-center header-style">{{'VIMACCOUNTS' | translate}}</div>
</div>
- <div class="col-sm-8 text-right">
- <div class="btn-group list mr-2" role="group">
+ <div class="col-sm-8 text-end">
+ <div class="btn-group list me-2" role="group">
<button class="btn btn-primary" type="button" (click)="mapView()" placement="top" container="body"
ngbTooltip="{{'MAPVIEW' | translate}}" [hidden]="showList" [disabled]="vimData.length == 0">
<i class="fas fa-map-marker-alt"></i>
</span>
</div>
</div>
-<div class="row mt-2 mb-0 list-utilites-actions" [hidden]="showList">
- <div class="col-auto mr-auto">
+<div class="mt-2 mb-0 list-utilites-actions" [hidden]="showList">
+ <div class="col-auto me-auto">
<nav class="custom-items-config">
<span><i class="fas fa-clock text-warning"></i>{{operationalStateFirstStep}}</span>
<span><i class="fas fa-check-circle text-success"></i>{{operationalStateSecondStep}}</span>
<span><i class="fas fa-times-circle text-danger"></i>{{operationalStateThirdStep}}</span>
</nav>
</div>
- <page-per-row class="mr-2" (pagePerRow)="onChange($event)"></page-per-row>
+ <page-per-row class="me-2" (pagePerRow)="onChange($event)"></page-per-row>
<page-reload></page-reload>
</div>
<div class="smarttable-style bg-white mt-1" [hidden]="showList">