LP2000482 Angular 15 and Bootstrap 5 upgrade

[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / catalog / result / results.component.html

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html
index 4080ab6..67feb9e 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html
@@ -12,7 +12,7 @@
       <div class="progress-bar progress-bar-striped active w-100"
         role="progressbar" aria-valuenow="100" 
         aria-valuemin="0" aria-valuemax="100">
-        <span class="sr-only" i18n>Searching..</span>
+        <span class="visually-hidden" i18n>Searching..</span>
       </div>
     </div>
   </div>
@@ -45,22 +45,21 @@
       <h3 i18n>Basket View</h3>
     </div>
     <div class="col-lg-3">
-      <label class="checkbox" *ngIf="!searchContext.basket">
+      <label class="form-label checkbox" *ngIf="!searchContext.basket">
         <input type='checkbox' [(ngModel)]="allRecsSelected" 
             (change)="toggleAllRecsSelected()"/>
-        <span class="pl-1" i18n>Select {{searchContext.pager.rowNumber(0)}} - 
+        <span class="ps-1" i18n>Select {{searchContext.pager.rowNumber(0)}} - 
           {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
         </span>
       </label>
-      <button class="btn btn-outline-dark ml-2" (click)="toggleShowMore()">
+      <button class="btn btn-outline-dark ms-2" (click)="toggleShowMore()">
         <ng-container *ngIf="showMoreDetails" i18n>Show Fewer Details</ng-container>
         <ng-container *ngIf="!showMoreDetails" i18n>Show More Details</ng-container>
       </button>
     </div>
-    <div class="col-lg-7">
-      <div class="float-right">
-        <eg-catalog-result-pagination></eg-catalog-result-pagination>
-      </div>
+    <div class="col-lg-7 d-flex">
+      <div class="flex-1"></div>
+      <eg-catalog-result-pagination></eg-catalog-result-pagination>
     </div>
   </div>
   <div>
@@ -73,7 +72,7 @@
             </eg-catalog-result-record>
           </div>
         </div>
-        <div class="float-right">
+        <div class="float-end">
           <eg-catalog-result-pagination></eg-catalog-result-pagination>
         </div>
       </div>