submit, toggle, and clear button placement change user/malexander/lp161805-form-accessibility
authormalexander <malexander@catalyte.io>
Mon, 13 Dec 2021 17:20:25 +0000 (17:20 +0000)
committermalexander <malexander@catalyte.io>
Mon, 13 Dec 2021 17:20:25 +0000 (17:20 +0000)
Signed-off-by: malexander <malexander@catalyte.io>
Open-ILS/src/eg2/src/app/staff/share/patron/search.component.html

index 3636b31..dcce462 100644 (file)
         [(ngModel)]="search.name"/>
     </div>
     <div class="col-lg-2">
-      <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>
-    </div>
-    <div class="col-lg-2">
     </div>
   </div>
 
           i18n-placeholder placeholder="Email"
           [(ngModel)]="search.email"/>
       </div>
-      <div class="col-lg-2">
-        <button class="btn btn-warning" (click)="clear()" i18n>Clear Form</button>
-      </div>
-      <div class="col-lg-2">
-      </div>
     </div>
     <div class="row mb-2">
       <div class="col-lg-2">
     </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"