fixup! feat(material/slider): improve slider demo

Author: wagnermaciel

src/dev-app/slider/slider-demo.html

@@ -1,14 +1,12 @@
-<div class="demo-global-controls-container">
-  <mat-checkbox [color]="colorModel" [(ngModel)]="discrete">Discrete</mat-checkbox>
-  <br>
-  <mat-checkbox [color]="colorModel" [(ngModel)]="showTickMarks">Show tick marks</mat-checkbox>
-  <br>
-  <mat-button-toggle-group [(ngModel)]="colorModel" aria-label="Slider color options">
-    <mat-button-toggle value="primary">Primary</mat-button-toggle>
-    <mat-button-toggle value="accent">Accent</mat-button-toggle>
-    <mat-button-toggle value="warn">Warn</mat-button-toggle>
-  </mat-button-toggle-group>
-</div>
+<mat-checkbox [color]="colorModel" [(ngModel)]="discrete">Discrete</mat-checkbox>
+<br>
+<mat-checkbox [color]="colorModel" [(ngModel)]="showTickMarks">Show tick marks</mat-checkbox>
+<br>
+<mat-button-toggle-group [(ngModel)]="colorModel" aria-label="Slider color options">
+  <mat-button-toggle value="primary">Primary</mat-button-toggle>
+  <mat-button-toggle value="accent">Accent</mat-button-toggle>
+  <mat-button-toggle value="warn">Warn</mat-button-toggle>
+</mat-button-toggle-group>
 
 <mat-tab-group [color]="colorModel">
   <mat-tab label="Reactive form controls">

src/dev-app/slider/slider-demo.scss

@@ -1,7 +1,3 @@
-.demo-global-controls-container {
-  padding-bottom: 30px;
-}
-
 .demo-data-table {
   font-family: arial, sans-serif;
   border-collapse: collapse;
@@ -48,4 +44,5 @@
   border: 1px solid;
   border-radius: 5px;
   min-width: 300px;
+  margin-top: 30px;
 }