Merge pull request #44 from IgniteUI/sstoychev/set-min-width-samples

fix(*): adding min-width for grids to ensure proper rendering on mobile

Author: dkamburov

projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.scss

@@ -9,6 +9,7 @@
 .wrapper {
   --ig-size: var(--ig-size-medium);
   height: 100%;
+  min-width: 1100px;
 
   igc-badge[variant="primary"]::part(base) {
     background-color: var(--ig-primary-50);

projects/finance-grid/src/App.scss

@@ -24,6 +24,7 @@
 
 .grid-sizing {
   --ig-size: var(--ig-size-small);
+  min-width: 1100px;
 }
 
 .progress-container {

projects/fleet-management-grid/src/app/components/fleet-management-grid/fleet-management-grid.scss

@@ -7,6 +7,7 @@
   align-items: stretch;
   align-content: flex-start;
   height: 100%;
+  min-width: 1100px;
 }
 
 .grid {

projects/hr-portal/src/app/hr-portal/hr-portal.scss

@@ -1,6 +1,7 @@
 .gridStyle {
   --ig-size: var(--ig-size-medium);
   --row-even-background: #ffffff;
+  min-width: 1100px;
 }
 
 .small {

projects/sales-grid/src/app/sales-grid/sales-grid.scss

@@ -9,6 +9,7 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
+  min-width: 1100px;
   --ig-size: var(--ig-size-small);
 }