From: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Date: Wed, 22 Feb 2023 17:10:06 +0000 (-0600)
Subject: LP2000482 Bootstrap 5: left/start, right/end
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=ad37bfad3034ea52e2741c4f7e5cda4d2c3f05f2;p=working%2FEvergreen.git

LP2000482 Bootstrap 5: left/start, right/end

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
---

diff --git a/Open-ILS/src/eg2/src/app/share/clipboard/clipboard-dialog.component.html b/Open-ILS/src/eg2/src/app/share/clipboard/clipboard-dialog.component.html
index 90378473ca..045fdbd327 100644
--- a/Open-ILS/src/eg2/src/app/share/clipboard/clipboard-dialog.component.html
+++ b/Open-ILS/src/eg2/src/app/share/clipboard/clipboard-dialog.component.html
@@ -6,7 +6,7 @@
   </div>
   <div class="modal-body common-form striped-odd">
     <div class="row" *ngFor="let value of values">
-      <div class="col-lg-4 fw-bold border-right">{{value.label}}</div>
+      <div class="col-lg-4 fw-bold border-end">{{value.label}}</div>
       <div class="col-lg-8">
         <a href="javascript:;" (click)="copyValue(value.value)">{{value.value}}</a>
       </div>
diff --git a/Open-ILS/src/eg2/src/app/share/translate/translate.component.html b/Open-ILS/src/eg2/src/app/share/translate/translate.component.html
index 86b9cea5cc..8fe0995d5f 100644
--- a/Open-ILS/src/eg2/src/app/share/translate/translate.component.html
+++ b/Open-ILS/src/eg2/src/app/share/translate/translate.component.html
@@ -8,7 +8,7 @@
   </div>
   <div class="modal-body form-common form-validated" *ngIf="idlObj">
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Field Name</label>
       <input 
         type="text" 
@@ -17,7 +17,7 @@
         value="{{idlClassDef.field_map[field].label}}">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Current Value</label>
       <input 
         type="text" 
@@ -26,7 +26,7 @@
         value="{{idlObj[field]()}}">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Select Locale</label>
       <select class="form-control col-lg-7" 
         (change)="localeChanged($event)"
@@ -37,7 +37,7 @@
       </select>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" i18n>Translation</label>
+      <label class="col-lg-4 text-end fw-bold" i18n>Translation</label>
       <input 
         id='translation-input'
         type="text" 
diff --git a/Open-ILS/src/eg2/src/app/staff/acq/lineitem/detail.component.html b/Open-ILS/src/eg2/src/app/staff/acq/lineitem/detail.component.html
index ed3ad66a6a..0e49369f1a 100644
--- a/Open-ILS/src/eg2/src/app/staff/acq/lineitem/detail.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/lineitem/detail.component.html
@@ -8,7 +8,7 @@
         <div class="mt-3">
           <div class="row" *ngFor="let attr of lineitem.attributes()">
             <div class="col-lg-2">{{attrLabel(attr)}}</div>
-            <div class="col-lg-10 border-left">{{attr.attr_value()}}</div>
+            <div class="col-lg-10 border-start">{{attr.attr_value()}}</div>
           </div>
         </div>
       </ng-container>
diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
index 65f4a8ff22..91a9c36c1b 100644
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
@@ -13,7 +13,7 @@
         [ngModelOptions]="{standalone: true}" [(ngModel)]="providerOwners">
       </eg-org-family-select>
     </div>
-    <div class="col-lg-2 text-right">
+    <div class="col-lg-2 text-end">
       <button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" [hidden]="!collapsed" i18n>Search</button>
       <button class="btn btn-secondary" (click)="clearSearch()" type="button" [hidden]="!collapsed" i18n>Reset Form</button>
       <button class="btn" [hidden]="collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_less</span></button>
@@ -61,7 +61,7 @@
     </div>
   </div>
   <div class="row mb-1" [hidden]="collapsed">
-    <div class="col-lg-2 offset-lg-10 text-right">
+    <div class="col-lg-2 offset-lg-10 text-end">
       <button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" i18n>Search</button>
       <button class="btn btn-secondary" (click)="clearSearch()" type="button" i18n>Reset Form</button>
     </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
index 92d41ce0a0..8aaac986c9 100644
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
@@ -50,7 +50,7 @@
         <a i18n ngbNavLink role="tab">Provider</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -62,7 +62,7 @@
         <a i18n ngbNavLink role="tab">Addresses</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -74,7 +74,7 @@
         <a i18n ngbNavLink role="tab">Contacts</a>
           <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -86,7 +86,7 @@
         <a i18n ngbNavLink role="tab">Attribute Definitions</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -98,7 +98,7 @@
         <a i18n ngbNavLink role="tab">Holdings Definitions</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -110,7 +110,7 @@
         <a i18n ngbNavLink role="tab">EDI</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -122,7 +122,7 @@
         <a i18n ngbNavLink role="tab">Invoices</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -134,7 +134,7 @@
         <a i18n ngbNavLink role="tab">POs</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html b/Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html
index 434f461cce..0a2ff55adf 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html
@@ -27,7 +27,7 @@
         [disabled]="fund?.active() !== 't'"
           (click)="doTransfer()" i18n>Transfer Money</button>
       </div>
-      <div class="col-lg-9 text-right pb-1">
+      <div class="col-lg-9 text-end pb-1">
         <button class="btn btn-secondary btn-xs" [disabled]="activeTab === defaultTabType"
           (click)="setDefaultTab()" i18n>Set Default View</button>
       </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
index f8d4689e91..59d5da8db3 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
@@ -151,7 +151,7 @@
                 </div>
               </div>
               <div class="row mt-3">
-                <div class="col-lg-12 text-right">
+                <div class="col-lg-12 text-end">
                   <button class="btn btn-primary" [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
                     (click)="associateItem(barcodeInput, relationshipInput)" i18n [disabled]="!barcodeInput">
                     Add Material
@@ -215,7 +215,7 @@
                 </div>
               </div>
               <div class="row mt-3">
-                <div class="col-lg-12 text-right">
+                <div class="col-lg-12 text-end">
                   <button class="btn btn-primary" i18n (click)="associateElectronicBibRecord()"
                     [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'">
                     Add Material
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html
index c82d08e6dd..c846d4434f 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html
@@ -50,7 +50,7 @@
         </div>
       </div>
       <div class="row mt-3">
-        <div class="text-right" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
+        <div class="text-end" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
           <button class="btn btn-primary"
             [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
             i18n [disabled]="!userBarcode" (click)="associateUser(userBarcode)">
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-page.component.html b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-page.component.html
index e9edaf2d7a..c59373480c 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-page.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-page.component.html
@@ -6,7 +6,7 @@
 </eg-staff-banner>
 
 <div class="row">
-  <div class="col text-right">
+  <div class="col text-end">
     <button class="btn btn-danger" *ngIf="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 'f' "
       (click)="archiveCourse()">
       <span class="align-middle">Archive Course</span>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/local/triggers/trigger-edit.component.html b/Open-ILS/src/eg2/src/app/staff/admin/local/triggers/trigger-edit.component.html
index ceef997737..1e4c09fbb1 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/local/triggers/trigger-edit.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/local/triggers/trigger-edit.component.html
@@ -20,7 +20,7 @@
                 [fieldOptions]="{message_template:{customTemplate:{template:textAreaTemplate}},template:{customTemplate:{template:textAreaTemplate}}}"
                 fieldOrder="owner,name,hook,active,delay,delay_field,group_field,reactor,validator,repeat_delay,id,cleanup_failure,granularity,max_delay,message_library_path,message_template,message_title,message_usr_path,opt_in_setting,usr_field,retention_interval,cleanup_success,template">
             </eg-fm-record-editor>
-            <div class="text-right">
+            <div class="text-end">
                 <button class="btn btn-outline-dark me-3" (click)="back()">&#8592; Back to Notifications/Action Triggers</button>
             </div>
     </ng-template>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/server/floating-group/edit-floating-group.component.html b/Open-ILS/src/eg2/src/app/staff/admin/server/floating-group/edit-floating-group.component.html
index 482ed38aaa..0f930a5df8 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/server/floating-group/edit-floating-group.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/server/floating-group/edit-floating-group.component.html
@@ -3,7 +3,7 @@
 </eg-staff-banner>
 
 <div class="row">
-    <div class="col text-right">
+    <div class="col text-end">
         <a class="btn btn-warning ms-3" routerLink="/staff/admin/server/config/floating_group">
             <span class="material-icons align-middle">keyboard_return</span>
             <span class="align-middle" i18n>Return to Floating Groups List</span>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html b/Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html
index e853e95f5d..82d8d7dc3e 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html
@@ -53,7 +53,7 @@
         </div>
       </div>
     </div>
-    <div class="row mt-3 pt-3 border border-left-0 border-right-0 border-bottom-0 border-light">
+    <div class="row mt-3 pt-3 border border-start-0 border-end-0 border-bottom-0 border-light">
       <div class="col">
         <span i18n>Workstations Registered With This Browser</span>
       </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/booking/create-reservation-dialog.component.html b/Open-ILS/src/eg2/src/app/staff/booking/create-reservation-dialog.component.html
index 5e736cee6c..641f6bd08c 100644
--- a/Open-ILS/src/eg2/src/app/staff/booking/create-reservation-dialog.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/booking/create-reservation-dialog.component.html
@@ -9,7 +9,7 @@
   </div>
   <form class="modal-body form-common" [formGroup]="create">
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-patron-barcode">Patron barcode</label>
       <div class="col-lg-7">
         <input type="text" id="create-patron-barcode"
@@ -27,7 +27,7 @@
       </span>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-end-time">Start time</label>
       <eg-datetime-select
         formControlName="startTime"
@@ -35,7 +35,7 @@
       </eg-datetime-select>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-end-time">End time</label>
       <eg-datetime-select
         formControlName="endTime"
@@ -47,7 +47,7 @@
       </div>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-pickup-library">Reservation location</label>
       <eg-org-select domId="create-pickup-library" [applyDefault]="true"
         [disableOrgs]="disableOrgs()" [hideOrgs]="disableOrgs()"
@@ -62,7 +62,7 @@
       <span i18n>Reservation location is in the {{timezone}} timezone</span>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-resource">Resource</label>
       <input *ngIf="targetResource && targetResourceBarcode" id="create-resource" value="{{targetResourceBarcode}}" disabled>
       <eg-combobox
@@ -76,12 +76,12 @@
       </eg-combobox>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-email-notify">Notify by email?</label>
       <input type="checkbox" formControlName="emailNotify">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-note">Note</label>
       <input type="text" id="create-note"
         class="form-control col-lg-7" formControlName="note">
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/basket-actions.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/basket-actions.component.html
index 61cfe42c70..8b4794d12f 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/basket-actions.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/basket-actions.component.html
@@ -5,7 +5,7 @@
 
 <div class="d-flex justify-content-end">
   <div class="pe-1">
-    <div class="float-right">
+    <div class="float-end">
       <!-- note basket view link does not propagate search params -->
       <a routerLink="/staff/catalog/search" [queryParams]="{showBasket: true}" 
         class="label-with-material-icon">
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html
index 1a497160a6..614cbc36b1 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html
@@ -33,7 +33,7 @@
       </div>
     </div>
     <div class="col-lg-4">
-      <div *ngIf="nextEntry" class="float-right">
+      <div *ngIf="nextEntry" class="float-end">
         <div class="d-flex">
           <div class="flex-1 pt-1">
             <span>{{nextEntry.value}}</span>
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
index 445824af37..92470e7fd6 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
@@ -152,12 +152,12 @@
             'text-dark bg-warning' : copyCount.count === 0 && (copyCount.transcendant === 0 || !copyCount.transcendant),
 			'bg-info' : copyCount.count === 0
             }">
-          <div class="float-left text-left w-50">
+          <div class="float-start text-left w-50">
             <span class="pe-1">
             {{copyCount.available}} / {{copyCount.count}} items
             </span>
           </div>
-          <div class="float-left w-50">
+          <div class="float-start w-50">
             @ {{orgName(copyCount.org_unit)}}
           </div>
         </div>
@@ -177,7 +177,7 @@
       <div class="col-lg-2">
         <div class="row">
           <div class="col-lg-12">
-            <div class="float-right small-text-1">
+            <div class="float-end small-text-1">
               Created {{summary.record.create_date() | date:'shortDate'}} by
               <!-- creator if fleshed after the initial data set is loaded -->
               <a *ngIf="summary.record.creator().usrname" target="_self"
@@ -191,7 +191,7 @@
         </div>
         <div class="row pt-2">
           <div class="col-lg-12">
-            <div class="float-right small-text-1" i18n>
+            <div class="float-end small-text-1" i18n>
               Edited {{summary.record.edit_date() | date:'shortDate'}} by
               <a *ngIf="summary.record.editor().usrname" target="_self"
                 href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout">
@@ -203,7 +203,7 @@
         </div>
         <div class="row pt-2">
           <div class="col-lg-12">
-            <div class="float-right">
+            <div class="float-end">
               <ng-container *ngIf="summary.record.deleted() === 't'">
                 <span class="text-danger" i18n>(Deleted)</span>
               </ng-container>
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 130fa8cf7c..84ce3093dd 100644
--- 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
@@ -75,7 +75,7 @@
             </eg-catalog-result-record>
           </div>
         </div>
-        <div class="float-right">
+        <div class="float-end">
           <eg-catalog-result-pagination></eg-catalog-result-pagination>
         </div>
 
diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
index 0e5da37372..ebfbf2577c 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
@@ -396,7 +396,7 @@
       <div class="col-lg-12">
         <div class="card">
           <div class="card-body">
-            <div class="float-right d-flex">
+            <div class="float-end d-flex">
               <eg-org-select 
                 (onChange)="orgOnChange($event)"
                 [initialOrg]="context.searchOrg"
diff --git a/Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html b/Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html
index 547d6b5267..9651e8e74e 100644
--- a/Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html
@@ -21,61 +21,61 @@
     <div class="alert alert-danger p-1 text-dark">
 
       <span *ngIf="backdate" 
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">history</span>
         <span class="ps-2" i18n>Backdated Check In {{backdate | date:'shortDate'}}</span>
       </span>
 
       <span *ngIf="backdate && backdateUntilLogout"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">timeline</span>
         <span class="ps-2" i18n>Use Effective Date Until Logout</span>
       </span>
 
       <span *ngIf="modifiers.no_precat_alert"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">edit</span>
         <span class="ps-2" i18n>Ignore Pre-Cataloged Items</span>
       </span>
 
       <span *ngIf="modifiers.noop"
-        class="me-3 pe-3 border-right border-info label-with-material-icon"> 
+        class="me-3 pe-3 border-end border-info label-with-material-icon"> 
         <span class="material-icons">block</span>
         <span class="ps-2" i18n>Suppress Holds and Transits</span>
       </span>
 
       <span *ngIf="modifiers.void_overdues"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">monetization_on</span>
         <span class="ps-2" i18n>Amnesty Mode</span>
       </span>
 
       <span *ngIf="modifiers.auto_print_holds_transits"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">print</span>
         <span class="ps-2" i18n>Auto-Print Hold and Transit Slips</span>
       </span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.clear_expired" i18n>Clear Holds Shelf</span>
 
       <ng-container *ngIf="modifiers.retarget_holds">
-        <span class="me-3 pe-3 border-right border-info" 
+        <span class="me-3 pe-3 border-end border-info" 
           *ngIf="modifiers.retarget_holds_all" i18n>Always Retarget Local Holds</span>
-        <span class="me-3 pe-3 border-right border-info" 
+        <span class="me-3 pe-3 border-end border-info" 
           *ngIf="!modifiers.retarget_holds_all" i18n>Retarget Local Holds</span>
       </ng-container>
 
       <span *ngIf="modifiers.hold_as_transit"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">directions_transit</span>
         <span class="ps-2" i18n>Capture Local Holds As Transits</span>
       </span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.manual_float" i18n>Manual Floating Active</span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.do_inventory_update" i18n>Update Inventory</span>
     </div>
   </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html b/Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html
index 1c76e5ad4a..5f46fab4d1 100644
--- a/Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html
@@ -47,7 +47,7 @@
 
 <ng-container *ngIf="summary">
   <div class="row border-bottom border-secondary pb-2 pt-2 mb-4">
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Total Owed:</div>
         <div class="flex-1"
@@ -64,7 +64,7 @@
       </div>
     </div>
 
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Owed for Selected:</div>
         <div class="flex-1">{{owedSelected() | currency}}</div>
@@ -79,7 +79,7 @@
       </div>
     </div>
 
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Refunds Available:</div>
         <div class="flex-1">{{refundsAvailable() | currency}}</div>
diff --git a/Open-ILS/src/eg2/src/app/staff/share/holdings/batch-item-attr.component.html b/Open-ILS/src/eg2/src/app/staff/share/holdings/batch-item-attr.component.html
index 73a7052997..718e5f301c 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/holdings/batch-item-attr.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/holdings/batch-item-attr.component.html
@@ -52,7 +52,7 @@
             <ng-template #default>{{count.key}}</ng-template>
           </ng-container>
         </div>
-        <div class="ps-1 border-left" i18n>
+        <div class="ps-1 border-start" i18n>
           {count.value, plural, =1 {1 copy} other {{{count.value}} copies}}
         </div>
       </ng-container>
diff --git a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
index 45c2c65b25..eed4214c47 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
@@ -56,7 +56,7 @@
     </div>
   </ng-container>
 
-  <div class="pe-3 me-3 border-right">
+  <div class="pe-3 me-3 border-end">
     <button class="btn btn-success" (click)="saveRecord()"
       [disabled]="record && (record.deleted || record.id === -1)" i18n>Save Changes</button>
   </div>
diff --git a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/rich-editor.component.html b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/rich-editor.component.html
index 871bcf72e5..63d0de3ba6 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/marc-edit/rich-editor.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/marc-edit/rich-editor.component.html
@@ -18,14 +18,14 @@
 
   <!-- SUBFIELD DECORATOR/DELIMITER -->
   <eg-marc-editable-content fieldText="‡" i18n-fieldText
-    moreClasses="sf-delimiter border-right-0 bg-transparent p-1 pe-0">
+    moreClasses="sf-delimiter border-end-0 bg-transparent p-1 pe-0">
   </eg-marc-editable-content>
 
   <!-- SUBFIELD CHARACTER -->
   <eg-marc-editable-content
     [context]="context" [field]="field" fieldType="sfc"
     [subfield]="subfield" ariaLabel="Subfield Code" i18n-ariaLabel
-    moreClasses="sf-code border-left-0 p-1 ps-0">
+    moreClasses="sf-code border-start-0 p-1 ps-0">
   </eg-marc-editable-content>
 
   <!-- SUBFIELD VALUE -->
diff --git a/Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html b/Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html
index 6dcbe31f33..a1e121a6dc 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html
@@ -15,7 +15,7 @@
 
     <form class="form-validated">
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" for="username" i18n>Username</label>
+        <label class="col-lg-4 text-end fw-bold" for="username" i18n>Username</label>
         <input 
           type="text" 
           class="form-control col-lg-7"
@@ -30,7 +30,7 @@
       </div>
 
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" 
+        <label class="col-lg-4 text-end fw-bold" 
             for="password" i18n>Password</label>
         <input 
           type="password" 
@@ -46,7 +46,7 @@
       </div>
 
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" 
+        <label class="col-lg-4 text-end fw-bold" 
             for="loginType" i18n>Login Type</label>
         <select 
           class="form-control col-lg-7" 
diff --git a/Open-ILS/web/opac/extras/circ/alt_holds_print.html b/Open-ILS/web/opac/extras/circ/alt_holds_print.html
index dc298fe66e..bce625b345 100644
--- a/Open-ILS/web/opac/extras/circ/alt_holds_print.html
+++ b/Open-ILS/web/opac/extras/circ/alt_holds_print.html
@@ -20,7 +20,7 @@
             th {
                 text-align: left; font-weight: bold;
                 border-bottom: 1px #000 solid;
-                border-right: 1px #000 solid;
+                border-end: 1px #000 solid;
                 padding: 0.5em;
             }
         </style>