samples(tooltip): fix sliders position

IgniteUI/igniteui-angular#1710
IgniteUI · Sep 28, 2018 · aff437d · aff437d
1 parent 2744ec6
commit aff437d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/tooltip/tooltip-simple/tooltip-simple.component.html b/src/app/tooltip/tooltip-simple/tooltip-simple.component.html
@@ -12,16 +12,16 @@
     </article>
     <article class="sample-column">
         <div>
-            <div class="switchContainer">
+            <div class="bottomMargin">
                 <igx-switch [(ngModel)]="target.tooltipDisabled">Disable tooltip</igx-switch>
             </div>
-            <div>
-                <igx-slider minValue="0" maxValue="3000" [step]="100" [(ngModel)]="target.showDelay"></igx-slider>
+            <div class="bottomMargin">
                 <span>Show Delay: {{target.showDelay}} ms</span>
+                <igx-slider minValue="0" maxValue="3000" [step]="100" [(ngModel)]="target.showDelay"></igx-slider>                
             </div>
             <div>
-                <igx-slider minValue="0" maxValue="3000" [step]="100" [(ngModel)]="target.hideDelay"></igx-slider>
                 <span>Hide Delay: {{target.hideDelay}} ms</span>
+                <igx-slider minValue="0" maxValue="3000" [step]="100" [(ngModel)]="target.hideDelay"></igx-slider>                
             </div>
         </div>
     </article>

diff --git a/src/app/tooltip/tooltip-simple/tooltip-simple.component.scss b/src/app/tooltip/tooltip-simple/tooltip-simple.component.scss
@@ -7,6 +7,6 @@
     display: inline-block;
 }
 
-.switchContainer {
+.bottomMargin {
     margin-bottom: 50px;
 }