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; + } +}