fix(grid): reduce space between items in column actions (#9495)

* fix(grid): reduce space between items in column actions

Co-authored-by: Simeon Simeonoff <[email protected]>
Co-authored-by: Hristo <[email protected]>
Co-authored-by: Konstantin Dinev <[email protected]>

Author: 4 people

projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss

@@ -93,8 +93,8 @@
     }
 
     %column-actions-item {
-        padding: rem(16px);
-        min-height: rem(52px);
+        padding: rem(4px) rem(16px);
+        min-height: rem(32px);
     }
 
     %column-actions-buttons {

projects/igniteui-angular/src/lib/grids/grid/column-hiding.spec.ts

@@ -653,7 +653,7 @@ describe('Column Hiding UI #grid', () => {
 
         it('height can be controlled via columnsAreaMaxHeight input.', () => {
             expect(columnChooser.columnsAreaMaxHeight).toBe('100%');
-            expect(columnChooserElement.nativeElement.offsetHeight >= 310).toBe(true);
+            expect(columnChooserElement.nativeElement.offsetHeight >= 230).toBe(true);
 
             columnChooser.columnsAreaMaxHeight = '150px';
             fix.detectChanges();