From 6abac6ea9b8098340ce4783efe24ddb3f1dc68c5 Mon Sep 17 00:00:00 2001
From: Egor <hoboman313@gmail.com>
Date: Wed, 26 Jul 2017 09:20:07 -0700
Subject: [PATCH] connect brightness range, minor styling

---
 web/app/pods/components/music-tab/template.hbs | 6 ++----
 web/app/styles/music-tab.scss                  | 3 ++-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/app/pods/components/music-tab/template.hbs b/web/app/pods/components/music-tab/template.hbs
index b51ff22..7e5f716 100644
--- a/web/app/pods/components/music-tab/template.hbs
+++ b/web/app/pods/components/music-tab/template.hbs
@@ -157,8 +157,7 @@
           Sensitivity
           </span>
 
-          {{range-slider start=threshold orientation="vertical" step=beatOptions.threshold.step range=beatOptions.threshold.range on-change=(action "thresholdChanged")
-          pips=beatOptions.threshold.pips}}
+          {{range-slider start=threshold orientation="vertical" step=beatOptions.threshold.step range=beatOptions.threshold.range on-change=(action "thresholdChanged") pips=beatOptions.threshold.pips}}
       </div>
       
       <div class="beat-option col-xs-4">
@@ -167,8 +166,7 @@
           Brightness Range
           </span>
 
-          {{range-slider start=brightnessRange orientation="vertical" step=beatOptions.brightnessRange.step range=beatOptions.brightnessRange.range
-          on-change=(action "brightnessRangeChanged") pips=beatOptions.brightnessRange.pips}}
+          {{range-slider start=brightnessRange orientation="vertical" step=beatOptions.brightnessRange.step range=beatOptions.brightnessRange.range connect=hueRangeConnect on-change=(action "brightnessRangeChanged") pips=beatOptions.brightnessRange.pips}}
       </div>
 
       <div class="col-xs-12 light-option extra-margin-top">
diff --git a/web/app/styles/music-tab.scss b/web/app/styles/music-tab.scss
index 36d3f8a..bb15e19 100644
--- a/web/app/styles/music-tab.scss
+++ b/web/app/styles/music-tab.scss
@@ -181,6 +181,7 @@
   transition: 0.1s all ease-in-out;
   position: relative;
   overflow: auto;
+
   #dragHere {
     position: absolute;
     top: 27%;
@@ -190,7 +191,7 @@
   }
   [md-font-icon="library-music"] {
     position: absolute;
-    top: 40%;
+    top: 48%;
     font-size: 100px;
     opacity: 0.5;
     width: 100%;