LP#1775466 Grid vert expand top-level option

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 005bd80..6cd7b6b 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
@@ -82,6 +82,17 @@
     </div>
   </div>
 
+  <button type="button" 
+    class="btn btn-outline-dark mr-1" 
+    (click)="gridContext.overflowCells=!gridContext.overflowCells">
+    <span *ngIf="!gridContext.overflowCells"
+      title="Expand Cells Vertically" i18n-title 
+      class="material-icons mat-icon-in-button">expand_more</span>
+    <span *ngIf="gridContext.overflowCells"
+      title="Collaps Cells Vertically" i18n-title 
+      class="material-icons mat-icon-in-button">expand_less</span>
+  </button>
+
   <eg-grid-column-config #columnConfDialog [columnSet]="gridContext.columnSet">
   </eg-grid-column-config>
   <div ngbDropdown placement="bottom-right">
@@ -101,17 +112,6 @@
         <span class="ml-2" i18n>Manage Column Widths</span>
       </a>
       <a class="dropdown-item label-with-material-icon" 
-        (click)="gridContext.overflowCells = !gridContext.overflowCells">
-        <ng-container *ngIf="!gridContext.overflowCells">
-          <span class="material-icons">keyboard_arrow_down</span>
-          <span class="ml-2" i18n>Expand Cells Vertically</span>
-        </ng-container>
-        <ng-container *ngIf="gridContext.overflowCells">
-          <span class="material-icons">keyboard_arrow_up</span>
-          <span class="ml-2" i18n>Shrink Cells Vertically</span>
-        </ng-container>
-      </a>
-      <a class="dropdown-item label-with-material-icon" 
         (click)="saveColumns()">
         <span class="material-icons">save</span>
         <span class="ml-2" i18n>Save Columns</span>