From 988105ebb4784db0458e22e1435d3e72a5d049b0 Mon Sep 17 00:00:00 2001
From: Andrew Suzuki <andrew.b.suzuki@gmail.com>
Date: Wed, 8 Jun 2016 15:45:09 -0400
Subject: [PATCH] show percentile below slider

---
 src/cljs/ulysses/pages/builder.cljs |  7 ++++---
 src/sass/_common.scss               | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/cljs/ulysses/pages/builder.cljs b/src/cljs/ulysses/pages/builder.cljs
index 557ed7f..1815f10 100644
--- a/src/cljs/ulysses/pages/builder.cljs
+++ b/src/cljs/ulysses/pages/builder.cljs
@@ -58,8 +58,8 @@
 (defn metric-slider
   [metric filters]
   (let [value (get-in filters [:metrics metric])]
-    [:div
-      ; [:div value "+"]
+    [:div.relative
+      [:div.absolute.small.color-gray.right-below-bottom value "%"]
       [range-slider
         :min 0 :max 100 :value value
         :on-change
@@ -109,7 +109,8 @@
       "Recent Grant Funds"
       [metric-slider
         :recentGrantFunds
-        filters]]])
+        filters]]
+    [:br]])
 
 
 (defn workspace-row [faculty]
diff --git a/src/sass/_common.scss b/src/sass/_common.scss
index 7f48bc9..2ba99fe 100644
--- a/src/sass/_common.scss
+++ b/src/sass/_common.scss
@@ -111,10 +111,19 @@ a.fancy-switch {
   margin-bottom: 15px;
 }
 
+.right-below-bottom {
+  bottom: -15px;
+  right: 0;
+}
+
 .relative {
   position: relative;
 }
 
+.absolute {
+  position: absolute;
+}
+
 .display-flex {
   display: -webkit-flex;
   display: flex;
@@ -157,3 +166,9 @@ a.fancy-switch {
     }
   }
 }
+
+.color {
+  &-gray {
+    color: $gray-light;
+  }
+}