From 4668d847660dc832f21aa60347b7e3d5653647d8 Mon Sep 17 00:00:00 2001
From: alex <demeshko.alexander.v@gmail.com>
Date: Thu, 18 Feb 2016 17:20:01 +0300
Subject: [PATCH] refactor(panelsPage): same width for bootrap panels

---
 src/app/pages/ui/panels/panels.html            |  6 +++---
 src/app/pages/ui/slider/slider.html            | 16 ++++++++--------
 src/sass/theme/bootstrap-overrides/_panel.scss |  4 ++++
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/app/pages/ui/panels/panels.html b/src/app/pages/ui/panels/panels.html
index e6c100c..b484cdd 100644
--- a/src/app/pages/ui/panels/panels.html
+++ b/src/app/pages/ui/panels/panels.html
@@ -68,7 +68,7 @@
 <div class="row">
 
   <div class="col-md-12 col-lg-4">
-    <div class="panel panel-default bootstrap-panel">
+    <div class="panel panel-default bootstrap-panel xsmall-panel">
       <div class="panel-body">
         <p>A panel in bootstrap is a bordered box with some padding around its content.</p>
 
@@ -81,7 +81,7 @@
   </div>
 
   <div class="col-md-12 col-lg-4">
-    <div class="panel panel-default bootstrap-panel">
+    <div class="panel panel-default bootstrap-panel xsmall-panel">
       <div class="panel-heading">Panel Heading</div>
       <div class="panel-body">
         <p class="p-with-code">The <code>.panel-heading</code> class adds a heading to the panel.Easily add a heading
@@ -95,7 +95,7 @@
 
   <div class="col-md-12 col-lg-4">
     <div class="panel panel-default bootstrap-panel">
-      <div class="panel-body">
+      <div class="panel-body footer-panel">
         <p class="p-with-code">
           Wrap buttons or secondary text in <code>.panel-footer</code>. Note that panel footers do not inherit colors
           and
diff --git a/src/app/pages/ui/slider/slider.html b/src/app/pages/ui/slider/slider.html
index a4f3750..543cf65 100644
--- a/src/app/pages/ui/slider/slider.html
+++ b/src/app/pages/ui/slider/slider.html
@@ -9,7 +9,7 @@
                     max="100"
                     from="45"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -21,7 +21,7 @@
                     prefix="$"
                     from="420"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -33,7 +33,7 @@
                     postfix="°"
                     from="36"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -45,7 +45,7 @@
                     from="420"
                     to="900"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -57,7 +57,7 @@
                     from="300"
                     step="50"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -71,7 +71,7 @@
                     prettify-separator="."
                     prettify="true"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -85,7 +85,7 @@
                             'July', 'August', 'September',
                             'October', 'November', 'December']"
                     disable="false"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -96,7 +96,7 @@
                     max="100"
                     from="45"
                     disable="true"
-                    timeout="150">
+                    timeout="350">
         </ion-slider>
       </div>
     </div>
diff --git a/src/sass/theme/bootstrap-overrides/_panel.scss b/src/sass/theme/bootstrap-overrides/_panel.scss
index 048ef52..ef44f25 100644
--- a/src/sass/theme/bootstrap-overrides/_panel.scss
+++ b/src/sass/theme/bootstrap-overrides/_panel.scss
@@ -169,6 +169,10 @@ $panel-heading-font-size: 16px;
   height: 120px;
 }
 
+.footer-panel{
+  height: 142px;
+}
+
 /*
 .panel-group .panel {
   border-radius: 0;