button placement fix for accessibility user/malexander/lp1950500-patron-search-form-accessibility
authormalexander <malexander@catalyte.io>
Tue, 21 Dec 2021 17:04:15 +0000 (17:04 +0000)
committermalexander <malexander@catalyte.io>
Tue, 21 Dec 2021 17:04:15 +0000 (17:04 +0000)
Open-ILS/src/eg2/src/app/staff/share/patron/search.component.html

index dcce462..63c43f4 100644 (file)
         [(ngModel)]="search.name"/>
     </div>
     <div class="col-lg-2">
+      <button (click)="toggleExpandForm()"
+        class="btn btn-outline-dark ml-2 label-with-material-icon"
+        i18n-title title="Toggle Expanded Form Display">
+        <span *ngIf="!expandForm" class="material-icons">arrow_drop_down</span>
+        <span *ngIf="expandForm"  class="material-icons">arrow_drop_up</span>
+      </button>
+    </div>
+    <div class="col-lg-2">
+      <button class="btn btn-success" (click)="go()" i18n>Search</button>
+      <button class="btn btn-warning" (click)="clear()" i18n>Clear</button>
     </div>
   </div>
 
     </div>
   </ng-container><!-- expand form -->
 </div>
-<div class="col-lg-3">
-  <button class="btn btn-success" (click)="go()" i18n>Search</button>
-  <button (click)="toggleExpandForm()"
-    class="btn btn-outline-dark ml-2 label-with-material-icon"
-    i18n-title title="Toggle Expanded Form Display">
-    <span *ngIf="!expandForm" class="material-icons">arrow_drop_down</span>
-    <span *ngIf="expandForm"  class="material-icons">arrow_drop_up</span>
-  </button>
-  <button class="btn btn-warning" (click)="clear()" i18n>Clear Form</button>
-</div>
 <div class="patron-search-grid">
   <eg-grid #searchGrid idlClass="au" 
     persistKey="circ.patron.search"