LP2000485 Bootstrap 5: More utility classes

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

diff --git a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
index 499ec24..22b37fd 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
+++ b/Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html
@@ -206,7 +206,7 @@
     <ng-container *ngIf="isDialog()">
       <button type="button" class="btn btn-success" *ngIf="mode === 'view'"
         (click)="closeEditor()" i18n>Close</button>
-      <button type="button" class="btn btn-warning ml-2" *ngIf="mode !== 'view'"
+      <button type="button" class="btn btn-warning ms-2" *ngIf="mode !== 'view'"
         (click)="cancel()" i18n>Cancel</button>
     </ng-container>
 

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-column-config.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-column-config.component.html
index 1983ebd..37125f7 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-column-config.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-column-config.component.html
@@ -60,7 +60,7 @@
     <button class="btn btn-info" (click)="columnSet.moveVisibleToFront()">
       Move Visible Columns To Top
     </button>
-    <button type="button" class="btn btn-success ml-2" 
+    <button type="button" class="btn btn-success ms-2" 
       (click)="close('confirmed')" i18n>Close</button>
   </div>
 </ng-template>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html
index 5121292..95cb7a0 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html
@@ -29,7 +29,7 @@
     </div>
   </div>
   <div class="modal-footer">
-    <button type="button" class="btn btn-success ml-2" 
+    <button type="button" class="btn btn-success ms-2" 
       (click)="close('confirmed')" i18n>Close</button>
   </div>
 </ng-template>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-menu.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-menu.component.html
index 2c733f6..80ecceb 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-menu.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-menu.component.html
@@ -21,7 +21,7 @@
     </ng-container>
     <ng-container *ngIf="!action.isGroup && !action.isSeparator">
       <!-- grouped entries are left paddded for group indentation -->        
-      <span [ngClass]="{'ml-2': action.group}">{{action.label}}</span>
+      <span [ngClass]="{'ms-2': action.group}">{{action.label}}</span>
     </ng-container>
   </button>
 </ng-container>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
index afbeeaf..c5eab61 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
@@ -86,7 +86,7 @@
       <a class="dropdown-item"
         *ngFor="let count of [5, 10, 25, 50, 100]"
         (click)="gridContext.pager.setLimit(count)">
-        <span class="ml-2">{{count}}</span>
+        <span class="ms-2">{{count}}</span>
       </a>
     </div>
   </div>
@@ -116,40 +116,40 @@
       <a class="dropdown-item label-with-material-icon"
         (click)="columnConfDialog.open({size:'lg'})">
         <span class="material-icons">build</span>
-        <span class="ml-2" i18n>Manage Columns</span>
+        <span class="ms-2" i18n>Manage Columns</span>
       </a>
       <a class="dropdown-item label-with-material-icon"
         (click)="colWidthConfig.isVisible = !colWidthConfig.isVisible">
         <span class="material-icons">compare_arrows</span>
-        <span class="ml-2" i18n>Manage Column Widths</span>
+        <span class="ms-2" i18n>Manage Column Widths</span>
       </a>
       <button class="dropdown-item label-with-material-icon"
         [disabled]="gridContext.toolbarActions.length === 0"
         (click)="toolbarActionsEditor.open().subscribe()">
         <span class="material-icons">menu</span>
-        <span class="ml-2" i18n>Manage Actions Menu</span>
+        <span class="ms-2" i18n>Manage Actions Menu</span>
       </button>
       <a class="dropdown-item label-with-material-icon"
         *ngIf="!disableSaveSettings"
         (click)="saveGridConfig()">
         <span class="material-icons">save</span>
-        <span class="ml-2" i18n>Save Grid Settings</span>
+        <span class="ms-2" i18n>Save Grid Settings</span>
       </a>
       <a class="dropdown-item label-with-material-icon"
         (click)="gridContext.columnSet.reset()">
         <span class="material-icons">restore</span>
-        <span class="ml-2" i18n>Reset Columns</span>
+        <span class="ms-2" i18n>Reset Columns</span>
       </a>
       <a class="dropdown-item label-with-material-icon"
         (click)="generateCsvExportUrl($event)"
         [download]="csvExportFileName"
         [href]="csvExportUrl">
         <span class="material-icons">cloud_download</span>
-        <span class="ml-2" i18n>Download Full CSV</span>
+        <span class="ms-2" i18n>Download Full CSV</span>
       </a>
       <a class="dropdown-item label-with-material-icon" (click)="printHtml()">
         <span class="material-icons">print</span>
-        <span class="ml-2" i18n>Print Full Grid</span>
+        <span class="ms-2" i18n>Print Full Grid</span>
       </a>
 
       <div class="dropdown-divider"></div>
@@ -159,7 +159,7 @@
         *ngFor="let col of gridContext.columnSet.sortForColPicker()">
         <span *ngIf="col.visible" class="badge badge-success">&#x2713;</span>
         <span *ngIf="!col.visible" class="badge badge-warning">&#x2717;</span>
-        <span class="ml-2">{{col.label}}</span>
+        <span class="ms-2">{{col.label}}</span>
       </a>
 
     </div>

diff --git a/Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html b/Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html
index a9a9261..c69ea78 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html
+++ b/Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html
@@ -9,7 +9,7 @@
   </eg-org-select>
 
   <!-- stack the checkboxes -->
-  <div class="ml-2 d-flex flex-column align-items-start">
+  <div class="ms-2 d-flex flex-column align-items-start">
     <div class="form-check m-0 pb-0" style="min-height:.8rem" *ngIf="!hideAncestorSelector">
       <input type="checkbox"
         formControlName="includeAncestors"

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 b0447dd..bec00ef 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/translate/translate.component.html
+++ b/Open-ILS/src/eg2/src/app/share/translate/translate.component.html
@@ -55,6 +55,6 @@
     <button *ngIf="nextString" (click)="nextString()" 
       class="btn btn-info me-3" i18n>Next String</button>
     <button (click)="translate()" class="btn btn-info" i18n>Apply</button>
-    <button (click)="close()" class="btn btn-warning ml-2" i18n>Cancel</button>
+    <button (click)="close()" class="btn btn-warning ms-2" i18n>Cancel</button>
   </div>
 </ng-template>

diff --git a/Open-ILS/src/eg2/src/app/staff/admin/server/print-template.component.html b/Open-ILS/src/eg2/src/app/staff/admin/server/print-template.component.html
index 91e7881..4175a70 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/admin/server/print-template.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/server/print-template.component.html
@@ -62,13 +62,13 @@
             <button class="btn btn-info" (click)="openEditDialog()" i18n>
               Edit Template Attributes
             </button>
-            <button class="btn btn-success ml-2" (click)="applyChanges()" i18n>
+            <button class="btn btn-success ms-2" (click)="applyChanges()" i18n>
               Save Template Changes
             </button>
-            <button class="btn btn-info ml-2" (click)="cloneTemplate()" i18n>
+            <button class="btn btn-info ms-2" (click)="cloneTemplate()" i18n>
               Clone Template
             </button>
-            <span class="ml-3 mr-1" i18n>Force Print Context:</span>
+            <span class="ms-3 me-1" i18n>Force Print Context:</span>
             <eg-combobox #printContextCbox (onChange)="forceContextChange($event)">
               <eg-combobox-entry entryId="unset" entryLabel="<Unset>" i18n-entryLabel>
               </eg-combobox-entry>
@@ -86,10 +86,10 @@
               </eg-combobox-entry>
             </eg-combobox>
             <div class="flex-1"> </div>
-            <button class="btn btn-danger ml-2" (click)="deleteTemplate()" i18n>
+            <button class="btn btn-danger ms-2" (click)="deleteTemplate()" i18n>
               Delete Template
             </button>
-            <span *ngIf="invalidJson" class="badge badge-danger ml-2" i18n>
+            <span *ngIf="invalidJson" class="badge badge-danger ms-2" i18n>
               Invalid Sample JSON!
             </span>
           </div>
@@ -98,7 +98,7 @@
           <div class="col-lg-6">
             <h4 i18n>
               Template for "{{template.label()}} ({{getOwnerName(template.id())}})"
-              <span class="pl-2 text-warning" *ngIf="template.active() === 'f'">
+              <span class="ps-2 text-warning" *ngIf="template.active() === 'f'">
                 (Inactive)
               </span>
             </h4>

diff --git a/Open-ILS/src/eg2/src/app/staff/circ/patron/checkout.component.html b/Open-ILS/src/eg2/src/app/staff/circ/patron/checkout.component.html
index dde1d45..1def4fd 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/circ/patron/checkout.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/patron/checkout.component.html
@@ -71,7 +71,7 @@
       [readOnly]="dueDateOptions === 0" (onChangeAsIso)="setDueDate($event)">
     </eg-datetime-select>
     <ng-container *ngIf="dueDateInvalid">
-      <span class="text-danger fw-bold ml-2" i18n>Due Date is Invalid</span>
+      <span class="text-danger fw-bold ms-2" i18n>Due Date is Invalid</span>
     </ng-container>
   </div>
 </div>