minor things

web/app/pods/components/hue-controls/component.js

@@ -204,16 +204,8 @@ export default Component.extend({
 
         if(element.id === 'music-tab' || element.id === 'playlist' || element.id === 'player-area'){
           playerBottom.hide();
-
-          if(beatDetectionAreaArrowIcon.hasClass('keyboard-arrow-up')){
-            beatDetectionAreaArrowIcon.removeClass('keyboard-arrow-up').addClass('keyboard-arrow-down');
-          }
         } else if(element.id === 'beat-option-row' || element.id === 'beat-option-button-group' || element.id === 'beat-container'){
           playerBottom.show();
-
-          if(beatDetectionAreaArrowIcon.hasClass('keyboard-arrow-down')){
-            beatDetectionAreaArrowIcon.removeClass('keyboard-arrow-down').addClass('keyboard-arrow-up');
-          }
         } else if(element.id === 'dimmer'){
           $(document).click();
         }
@@ -225,12 +217,6 @@ export default Component.extend({
         $('#lights-tab').addClass('hidden');
         $('.navigation-item').eq(0).removeClass('active');
         $('.navigation-item').eq(1).addClass('active');
-
-        if(beatDetectionAreaArrowIcon.hasClass('keyboard-arrow-up')){
-          playerBottom.show();
-        } else {
-          playerBottom.hide();
-        }
       }, onExit = ()=>{
         let dimmer = $('#dimmer');
 

web/app/pods/components/music-tab/template.hbs

@@ -50,8 +50,8 @@
 
     {{#if scUrl}}
       <a href={{scUrl}} class="sound-cloud-link"{{action "gotoSCURL" scUrl}}>
-        <img src="assets/images/sc-white.png" class="hidden-xs" />
-        <img src="assets/images/sc-white-sm.png" class="visible-xs-inline" />
+        <img src="assets/images/sc-white.png" id="soundcloud-logo" />
+        <img src="assets/images/sc-white-sm.png" id="soundcloud-logo-small" />
       </a>
     {{/if}}
   </div>

web/app/styles/music-tab.scss

@@ -415,6 +415,22 @@
   bottom: initial;
 }
 
+#soundcloud-logo {
+  display: block;
+}
+#soundcloud-logo-small {
+  display: none;
+}
+
+@media(max-width:900px) {
+  #soundcloud-logo {
+    display: none;
+  }
+  #soundcloud-logo-small {
+    display: block;
+  }
+}
+
 @media(min-width:767px) and (max-width:1000px) {
   #add-new-music-label {
     display: none;