fix(grid): remove displayDensity

Author: Lipata

src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.html

@@ -15,7 +15,7 @@
         <igx-column [field]="'OrderDate'" [dataType]="'date'"></igx-column>
         <igx-grid-footer>
             <div class="custom-summaries">
-                <div *ngFor="let summary of selectionSummaries" class="summaries-data-wrapper" [ngClass]="grid1.displayDensity">
+                <div *ngFor="let summary of selectionSummaries" class="summaries-data-wrapper">
                     <span class="igx-grid-summary__label">{{ summary.label }}</span>
                     <span class="igx-grid-summary__result">{{ format(summary.summaryResult) }}</span>
                 </div>

src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.scss

@@ -56,17 +56,5 @@ div.igx-grid__tfoot {
     justify-content: flex-end;
 }
 
-.summaries-data-wrapper { display: inline-block; }
+.summaries-data-wrapper { display: inline-block; padding-right: 24px; }
 .summaries-data-wrapper span:first-child { margin-right: 16px }
-
-.cosy {
-    padding-right: 16px;
-}
-
-.compact {
-    padding-right: 12px;
-}
-
-.comfortable {
-    padding-right: 24px;
-}

src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { DisplayDensity, IgxActionStripComponent } from 'igniteui-angular';
+import { IgxActionStripComponent } from 'igniteui-angular';
 
 @Component({
   selector: 'app-action-strip-paragraph-styling',