LP2019894 Fix stacked buttons in fund details modal
authorStephanie Leary <stephanie.leary@equinoxoli.org>
Tue, 16 May 2023 19:06:51 +0000 (19:06 +0000)
committerGalen Charlton <gmc@equinoxOLI.org>
Mon, 22 May 2023 13:49:00 +0000 (09:49 -0400)
Corrects the alignment of the "Create Allocation" and "Transfer Money"
buttons in the Fund Details modal (Acquisitions Administration > Fund
Administration).

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html

index 893e295..fb0d353 100644 (file)
@@ -18,8 +18,8 @@
       i18n-aria-label aria-label="Close" (click)="close()"></button>
   </div>
   <div class="modal-body">
-    <div class="row mt-3">
-      <div class="col-lg-3">
+    <div class="row row-cols-auto mt-3">
+      <div class="col">
         <button class="btn btn-primary"
         [disabled]="fund?.active() !== 't'"
           (click)="allocateToFund()" i18n>Create Allocation</button>
@@ -27,7 +27,7 @@
         [disabled]="fund?.active() !== 't'"
           (click)="doTransfer()" i18n>Transfer Money</button>
       </div>
-      <div class="col-lg-9 text-end pb-1">
+      <div class="col flex-grow-1 text-end pb-1">
         <button class="btn btn-secondary btn-xs" [disabled]="activeTab === defaultTabType"
           (click)="setDefaultTab()" i18n>Set Default View</button>
       </div>