fix(query-builder): fix chip size

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss

@@ -711,7 +711,9 @@
 
     %igx-chip__prefix,
     %igx-chip__suffix {
-        display: inline-flex;
+        @include ellipsis();
+
+        display: inline-block;
         vertical-align: middle;
         max-width: $chip-max-width;
 

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

@@ -293,10 +293,14 @@
                 }
             }
 
-            .igx-filter-tree__expression-column {
+            %filter-tree__expression-column {
                 padding-inline: pad-inline(rem(3px), rem(6px), rem(8px));
             }
 
+            %filter-tree__expression-condition {
+                padding-inline-start: pad-inline(rem(3px), rem(6px), rem(8px));
+            }
+
             igx-prefix {
                 display: flex;
             }

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

@@ -93,17 +93,14 @@ <h6 class="igx-filter-empty__title">
                 <span igxPrefix class="igx-filter-tree__expression-column">
                     {{expressionItem.fieldLabel || expressionItem.expression.fieldName}}
                 </span>
-                <span class="igx-filter-tree__expression-condition">
+                <span igxPrefix class="igx-filter-tree__expression-condition">
                     {{
                         getConditionFriendlyName(
                             expressionItem.expression.condition.name
                         )
                     }}
                 </span>
-                <span
-                    igxSuffix
-                    *ngIf="!expressionItem.expression.condition.isUnary"
-                >
+                <span *ngIf="!expressionItem.expression.condition.isUnary">
                     <ng-container *ngIf="expressionItem.expression.searchTree">
                         <strong>{{expressionItem.expression.searchTree.entity}}</strong>&nbsp;/ {{formatReturnFields(expressionItem.expression.searchTree)}}
                     </ng-container>