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 bdadb4a..936b148 100644 (file)
--- 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>