LP1852782 Improve MARC edit save/delete button placement

Move the Save Record button to the left of the Delete Record, which is
more consistent with other yes/no button combinations in the client.
Also adds additional spacing and a faint border between the two buttons.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>

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 e3daf90..95baa07 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
@@ -56,15 +56,17 @@
     </div>
   </ng-container>
 
+  <div class="pr-3 mr-3 border-right">
+    <button class="btn btn-success" (click)="saveRecord()"
+      [disabled]="record && record.deleted" i18n>Save Changes</button>
+  </div>
+
   <ng-container *ngIf="record && record.id">
     <button *ngIf="!record.deleted" class="btn btn-warning" 
       [disabled]="inPlaceMode" (click)="deleteRecord()" i18n>Delete Record</button>
     <button *ngIf="record.deleted" class="btn btn-info" 
       [disabled]="inPlaceMode" (click)="undeleteRecord()" i18n>Undelete Record</button>
   </ng-container>
-
-  <button class="btn btn-success ml-2" (click)="saveRecord()" 
-    [disabled]="record && record.deleted" i18n>Save Changes</button>
 </div>
 
 <ng-container *ngIf="dataSaving">