fix(excel-style-filtering): derived colors and paddings

Author: simeonoff

projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_base.scss

@@ -467,6 +467,8 @@ $checkbox-indent: (
         }
 
         @include e(secondary-main) {
+            padding-inline: pad-inline(rem(4px), rem(8px), rem(16px));
+            padding-block: rem(16px);
             height: rem(232px);
             overflow: auto;
         }
@@ -500,8 +502,6 @@ $checkbox-indent: (
             display: grid;
             grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
             align-items: center;
-            padding-inline: pad-inline(rem(4px), rem(8px), rem(16px));
-            padding-block: rem(16px);
 
             igx-select {
                 ~ igx-input-group,
@@ -515,20 +515,21 @@ $checkbox-indent: (
                 grid-column: 1 / -1;
                 justify-self: start;
                 min-width: 30%;
-                margin-block-start: rem(16px);
+                margin-block: pad-block(rem(8px), rem(12px), rem(16px));
             }
 
             [igxIconButton] {
                 --component-size: var(--ig-size, var(--ig-size-large));
-                margin-inline-start: rem(16px);
+                margin-inline-start: pad-inline(rem(4px), rem(8px), rem(16px));
             }
         }
 
         @include e(add-filter) {
             --ig-icon-size: #{rem(18px)};
 
-            margin-inline: pad-inline(rem(4px), rem(4px), rem(16px));
-            margin-block-start: 0;
+            &:is(.igx-button) {
+                margin-block-start: pad-block(rem(8px), rem(12px), rem(16px));
+            }
         }
     }
 }

projects/igniteui-angular/grids/core/src/filtering/excel-style/themes/_derived.scss

@@ -39,7 +39,6 @@
                         var(--ig-btn-group-selected-bg, #{color($color: 'gray', $variant: 100)}),
                     ),
                     $item-hover-background: var(--item-selected-background),
-                    $item-hover-text-color: var(--_excel-filtering-foreground, #{color($color: 'gray', $variant: 700)}),
                     $item-active-border-color: transparent,
                     $item-selected-text-color: var(--_excel-filtering-accent-color, #{if(
                         $theme == 'indigo',