Merge pull request #460 from UiPath/feat/dense-grid

feat(grid): increase header row height in high density mode

Author: eminecula07

projects/angular/components/ui-grid/src/ui-grid.component.scss

@@ -26,7 +26,7 @@ ui-grid {
     --ui-grid-action-buttons-spacing: 16px;
 
     &.ui-grid-state-high-density {
-        --ui-grid-header-row-height: 32px;
+        --ui-grid-header-row-height: 40px;
         --ui-grid-row-height: 32px;
         --ui-grid-filter-container-min-height: 48px;
         --ui-grid-foother-height: 32px;

projects/angular/components/ui-grid/src/ui-grid.component.spec.ts

@@ -1143,7 +1143,7 @@ describe('Component: UiGrid', () => {
             expect(grid.rowSize).toBe(32);
 
             const headerRow = fixture.debugElement.query(By.css('.ui-grid-header-row')).nativeElement;
-            expect(getComputedStyle(headerRow).height).toBe('32px');
+            expect(getComputedStyle(headerRow).height).toBe('40px');
             const contentRow = fixture.debugElement.query(By.css('.ui-grid-row')).nativeElement;
             expect(getComputedStyle(contentRow).height).toBe('32px');
         });