fix(query-builder): Fix title in indigo, fix spacing between icons.

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-component.scss

@@ -24,6 +24,10 @@
             @extend %advanced-filter__header !optional;
         }
 
+        @include e(title) {
+            @extend %advanced-filter__title !optional;
+        }
+
         @include e(main) {
             @extend %advanced-filter__main !optional;
         }

projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -171,15 +171,6 @@
     }
 
     %advanced-filter__header {
-        @if $variant != 'indigo' {
-            @include type-style('h6');
-        } @else {
-            @include type-style('h5');
-
-            border-top-left-radius: border-radius(rem(10px));
-            border-top-right-radius: border-radius(rem(10px));
-        }
-
         @if $variant == 'bootstrap' {
             > * {
                 margin-bottom: rem(0) !important;
@@ -196,6 +187,10 @@
         border-block-end: rem(1px) solid var-get($theme, 'header-border');
     }
 
+    %advanced-filter__title {
+        @include type-style(if($variant != 'indigo', 'h6', 'h5'));
+    }
+
     %advanced-filter__main {
         display: flex;
         overflow: auto;
@@ -287,7 +282,7 @@
         display: flex;
         align-items: center;
         width: 100%;
-        gap: $gap;
+        gap: if($variant != 'indigo', $gap, rem(8px));
         position: relative;
 
         > igx-chip {
@@ -318,7 +313,7 @@
 
     %filter-tree__expression-actions {
         display: inline-flex;
-        gap: $gap;
+        gap: if($variant != 'indigo', $gap, rem(8px));
 
         span {
             display: inline-flex;

projects/igniteui-angular/src/lib/query-builder/query-builder-header.component.html

@@ -1,5 +1,5 @@
 <div class="igx-query-builder__header">
-    <div class="ig-typography__h6" style="pointer-events: none;">
+    <div class="igx-query-builder__title">
         {{ title || this.resourceStrings.igx_query_builder_title }}
         <ng-content></ng-content>
     </div>