LP2000482 Bootstrap 5: Button blocks
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 22 Feb 2023 17:03:12 +0000 (11:03 -0600)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 1 Mar 2023 15:21:57 +0000 (15:21 +0000)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Open-ILS/src/eg2/src/app/staff/acq/picklist/upload.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/export.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/import.component.html

index bc364ac..3ca7ff3 100644 (file)
     </div>
   </div>
   <div class="row" *ngIf="mode !== 'getImportParams'">
-    <div class="col-lg-6 offset-lg-3">
-      <button class="btn btn-success btn-lg btn-block fw-bold"
+    <div class="d-grid gap-2 col-6 mx-auto">
+      <button class="btn btn-success btn-lg fw-bold"
         [disabled]="isUploading || !hasNeededData()" 
         (click)="upload()" i18n>Upload</button>
     </div>
   </div>
   <div class="row" *ngIf="mode === 'getImportParams'">
-    <div class="col-lg-6 offset-lg-3">
-      <button class="btn btn-success btn-lg btn-block fw-bold"
+    <div class="d-grid gap-2 col-6 mx-auto">
+      <button class="btn btn-success btn-lg fw-bold"
         [disabled]="customActionProcessing || !hasNeededData()" 
         (click)="performCustomAction()" i18n>Submit</button>
     </div>
index 9cbf2ba..bbb5895 100644 (file)
         </div>
       </div>
       <div class="row">
-        <div class="col-lg-10 offset-lg-1">
-          <button class="btn btn-success btn-lg btn-block fw-bold"
+        <div class="d-grid gap-2 col-10 mx-auto">
+          <button class="btn btn-success btn-lg fw-bold"
             [disabled]="isExporting || !hasNeededData()" 
             (click)="exportRecords()" i18n>Export</button>
         </div>
index 557c21f..026e07e 100644 (file)
     </div>
   </div>
   <div class="row">
-    <div class="col-lg-6 offset-lg-3">
-      <button class="btn btn-success btn-lg btn-block fw-bold"
+    <div class="d-grid gap-2 col-6 mx-auto">
+      <button class="btn btn-success btn-lg fw-bold"
         [disabled]="isUploading || !hasNeededData()" 
         (click)="upload()" i18n>Upload</button>
     </div>
     </div>
   </div>
   <div class="row" [hidden]="!uploadComplete">
-    <div class="col-lg-6 offset-lg-3">
-      <button class="btn btn-info btn-lg btn-block fw-bold"
+    <div class="d-grid gap-2 col-6 mx-auto">
+      <button class="btn btn-info btn-lg fw-bold"
         routerLink="/staff/cat/vandelay/queue/{{recordType}}/{{activeQueueId}}"
         i18n>Go To Queue</button>
     </div>