LP2000482 Bootstrap 5: MARC Editor

Signed-off-by: Bill Erickson <berickxx@gmail.com>

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 e488ae1..45c2c65 100644 (file)
--- 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
@@ -17,7 +17,7 @@
 <eg-string #successMsg i18n-text text="Record successfully updated"></eg-string>
 <eg-string #failMsg i18n-text text="Record failed to update"></eg-string>
 
-<div class="row d-flex p-2 m-2">
+<div class="row gx-1 row-cols-auto p-2 m-2">
 
   <ng-container *ngIf="recordType === 'biblio'">
     <div class="form-check">
@@ -41,7 +41,7 @@
   <div class="flex-1"></div>
 
   <h3 class="me-2">
-    <span class="rounded-pill bg-light p-2" i18n>
+    <span class="col-form-label rounded bg-light p-2" i18n>
       Record Type {{record ? record.recordType() : ''}}
     </span>
   </h3>
@@ -104,9 +104,11 @@
   </div>
 </div>
 
-<div class="row d-flex p-2 m-2 flex-row-reverse">
-  <button class="btn btn-success" (click)="saveRecord()"
-    [disabled]="record && (record.deleted || record.id === -1)" i18n>Save Changes</button>
+<div class="row p-2 m-2 text-end">
+  <div>
+    <button class="btn btn-success" (click)="saveRecord()"
+      [disabled]="record && (record.deleted || record.id === -1)" i18n>Save Changes</button>
+  </div>
 </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 b8c0862..6ee1b9d 100644 (file)
--- 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
@@ -80,11 +80,11 @@
         <div class="mt-2">
           <button type="button" class="btn btn-outline-info"
             [disabled]="undoCount() < 1" (click)="undo()">
-            Undo <span class="rounded-pill bg-info">{{undoCount()}}</span>
+            Undo <span class="rounded-pill text-light bg-info p-1">{{undoCount()}}</span>
           </button>
           <button type="button" class="btn btn-outline-info ms-2"
             [disabled]="redoCount() < 1" (click)="redo()">
-            Redo <span class="rounded-pill bg-info">{{redoCount()}}</span>
+            Redo <span class="rounded-pill text-light bg-info p-1">{{redoCount()}}</span>
           </button>
         </div>
         <div class="mt-2">