From 60e4c1cc464174c931eec5cbe667803bdc814b0e Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Mon, 17 Mar 2014 11:01:24 -0500
Subject: [PATCH] give .slider-pager a height so it can be placed on top easily

---
 scss/_slide-box.scss | 13 +++++++------
 scss/_variables.scss |  1 +
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/scss/_slide-box.scss b/scss/_slide-box.scss
index cec0cfc2dd..f6dfa113a0 100644
--- a/scss/_slide-box.scss
+++ b/scss/_slide-box.scss
@@ -6,23 +6,23 @@
 
 .slider {
   position: relative;
+  visibility: hidden;
   // Make sure items don't scroll over ever
   overflow: hidden;
-  visibility: hidden;
 }
+
 .slider-slides {
   position: relative;
   height: 100%;
 }
 
 .slider-slide {
-  display: block;
   position: relative;
+  display: block;
+  float: left;
   width: 100%;
   height: 100%;
-  float: left;
   vertical-align: top;
-
 }
 
 .slider-slide-image {
@@ -34,9 +34,10 @@
 .slider-pager {
   position: absolute;
   bottom: 20px;
+  z-index: $z-index-slider-pager;
   width: 100%;
+  height: 15px;
   text-align: center;
-  z-index: 1;
 
   .slider-pager-page {
     display: inline-block;
@@ -48,8 +49,8 @@
     opacity: 0.3;
 
     &.active {
-      opacity: 1;
       @include transition(opacity 0.4s ease-in);
+      opacity: 1;
     }
   }
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 04a8a5d1dd..cd64edfd9c 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -629,6 +629,7 @@ $z-index-pane:                    1 !default;
 $z-index-popup:                   11 !default;
 $z-index-popup-backdrop:          10 !default;
 $z-index-scroll-bar:              9999 !default;
+$z-index-slider-pager:            1 !default;
 $z-index-tabs:                    5 !default;
 $z-index-view:                    1 !default;