From: Bill Erickson <berickxx@gmail.com>
Date: Thu, 12 Jan 2023 15:55:59 +0000 (-0500)
Subject: LP2000482 Bootstrap 5: Grid checkboxes
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=5bec305fb5b20654b497c9d16b2b69147fd66a9f;p=working%2FEvergreen.git

LP2000482 Bootstrap 5: Grid checkboxes

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

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 bdadb4a2c7..936b1489f3 100644
--- 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
@@ -24,15 +24,15 @@
     </div>
 
     <!-- checkboxes -->
-    <div class="form-check form-check-inline"
+    <div class="d-flex"
       *ngIf="gridContext.toolbarCheckboxes.length">
       <ng-container *ngFor="let cb of gridContext.toolbarCheckboxes">
-        <label class="form-check-label">
-          <input class="form-check-input" type="checkbox"
-            [(ngModel)]="cb.isChecked"
+				<div class="form-check">
+					<input class="form-check-input" type="checkbox" 
+          	[(ngModel)]="cb.isChecked" id="cbox-{{cb.label}}"
             (click)="cb.onChange.emit($event.target.checked)"/>
-            {{cb.label}}
-        </label>
+					<label class="form-check-label" for="cbox-{{cb.label}}">{{cb.label}}</label>
+				</div>
       </ng-container>
     </div>
   </div>