LP2000485 Bootstrap 5: Acq provider search

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>

diff --git a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
index ebab1e0..e0d33c3 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
@@ -1,19 +1,19 @@
 <div id="acq-provider-search-form" class="ps-3 pe-3 pt-3 pb-3 mb-3">
 <form>
   <div class="row mb-1">
-    <div class="col-lg">
+    <div class="col-lg-3">
       <input i18n-placeholder placeholder="Provider Name" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerName" type="text" class="form-control" />
     </div>
-    <div class="col-lg">
+    <div class="col-lg-3">
       <input i18n-placeholder placeholder="Code" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerCode" type="text" class="form-control" />
     </div>
-    <div class="col-lg-4">
+    <div class="col-auto">
       <eg-org-family-select i18n-labelText labelText="Owner"
         [limitPerms]="['VIEW_PROVIDER','MANAGE_PROVIDER','ADMIN_PROVIDER']"
         [ngModelOptions]="{standalone: true}" [(ngModel)]="providerOwners">
       </eg-org-family-select>
     </div>
-    <div class="col-lg-2 text-end">
+    <div class="col-auto align-items-end text-end">
       <button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" [hidden]="!collapsed" i18n>Search</button>
       <button class="btn btn-secondary" (click)="clearSearch()" type="button" [hidden]="!collapsed" i18n>Reset Form</button>
       <button class="btn" [hidden]="collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_less</span></button>
@@ -51,9 +51,9 @@
     <div class="col-lg">
       <input i18n-placeholder placeholder="URL" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerURL" type="text" class="form-control" />
     </div>
-    <div class="col-lg form-group">
-      <label class="form-label" for="acqproIsActive" i18n>Active?</label>
-      <select class="form-select" id="acqproIsActive" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerIsActive">
+    <div class="col-lg form-group d-flex">
+      <label class="form-label col-form-label me-2" for="acqproIsActive" i18n>Active?</label>
+      <select class="form-select w-auto" id="acqproIsActive" [ngModelOptions]="{standalone: true}" [(ngModel)]="providerIsActive">
         <option i18n value="active">Yes</option>
         <option i18n value="inactive">No</option>
         <option i18n value="any">Any</option>