fix(doc-manager): fix sample styles

Author: desig9stein

src/app/pivot-grid/pivot-grid.sample.html

@@ -1,19 +1,19 @@
-<div class="sample-column">
-    <span>Dimensions:</span>
+<div class="sample-flex-row">
     <igx-combo #combo class="combo" [itemsMaxHeight]="250" (selectionChanging)="handleChange($event)"
-        [data]="dimensions" [displayKey]="'memberName'" [(ngModel)]="selected"
-        placeholder="Dimension(s)" searchPlaceholder="Search...">
+               [data]="dimensions" [displayKey]="'memberName'" [(ngModel)]="selected"
+               placeholder="Dimension(s)" searchPlaceholder="Search...">
     </igx-combo>
-    <h4>Display Density</h4>
     <div class="density-chooser">
         <igx-buttongroup>
-            <button igxButton [disabled]="grid1.displayDensity === compact"
-                (click)="setDensity('compact')">Compact</button>
+            <button igxButton [disabled]="grid1.displayDensity === comfortable" (click)="setDensity('comfortable')">Comfortable</button>
             <button igxButton [disabled]="grid1.displayDensity === cosy" (click)="setDensity('cosy')">Cosy</button>
-            <button igxButton [disabled]="grid1.displayDensity === comfortable"
-                (click)="setDensity('comfortable')">Comfortable</button>
+            <button igxButton [disabled]="grid1.displayDensity === compact" (click)="setDensity('compact')">Compact</button>
         </igx-buttongroup>
     </div>
-    <igx-pivot-grid #grid1 [data]="origData" [width]="'100%'" [height]="'100%'" [pivotConfiguration]="pivotConfigHierarchy"
-     (dimensionsChange)='dimensionChange($event)'></igx-pivot-grid>
 </div>
+<igx-pivot-grid
+    #grid1 [data]="origData"
+    [pivotConfiguration]="pivotConfigHierarchy"
+    (dimensionsChange)='dimensionChange($event)'>
+</igx-pivot-grid>
+

src/app/pivot-grid/pivot-grid.sample.scss

@@ -5,14 +5,24 @@
 }
 
 .density-chooser {
-    margin-bottom: 16px;
     max-width: 40%;
 }
 
 igx-pivot-grid {
     flex: 1;
 }
 
+.sample-flex-row {
+    align-items: center;
+    display: flex;
+    gap: 16px;
+    margin-bottom: 16px;
+
+    > * {
+        flex: 1;
+    }
+}
+
 :host ::ng-deep {
     .upFont {
         color: lightgreen;