From aff437dfc574cc641688c3702d99ecf0e745bdce Mon Sep 17 00:00:00 2001
From: Tacho <tjelev22@abv.bg>
Date: Fri, 28 Sep 2018 13:59:25 +0300
Subject: [PATCH] samples(tooltip): fix sliders position

IgniteUI/igniteui-angular#1710
---
 .../tooltip/tooltip-simple/tooltip-simple.component.html  | 8 ++++----
 .../tooltip/tooltip-simple/tooltip-simple.component.scss  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/tooltip/tooltip-simple/tooltip-simple.component.html b/src/app/tooltip/tooltip-simple/tooltip-simple.component.html
index 94b3b25d17..f4b5ce724c 100644
--- 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
index e160eca8fb..35dd3b6e36 100644
--- 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;
 }