update promo for chrome extension

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

@@ -71,7 +71,7 @@ export default Component.extend({
     this._super(...arguments);
 
     let storage = this.get('storage'),
-      firstVisitApp = storage.get('huegasm.firstVisitApp');
+      firstVisitApp = storage.get('huegasm.firstVisitApp1');
 
     this.set('canTryChrome', /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor));
 
@@ -299,7 +299,7 @@ export default Component.extend({
     },
     closeNotificationModal() {
       this.set('firstVisitApp', false);
-      this.get('storage').set('huegasm.firstVisitApp', false);
+      this.get('storage').set('huegasm.firstVisitApp1', false);
     }
   }
 });

web/app/pods/components/hue-controls/template.hbs

@@ -65,8 +65,10 @@
         <p class="promo-title">
           Check out the <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank">Huegasm Chrome extension</a>
         </p>
-        <p>
-          <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank">Huegasm Chrome</a> allows for listening for music from either a Chrome tab, microphone or your entire system.
+        <p class="promo-text">
+          <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank">
+          Huegasm Chrome</a> allows for listening for music from either a Chrome tab, microphone or your entire system.
+          <br>In addition, you will be able to sync the color of your screen to your lights.
 
           <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank">
             <img class="promo-img hidden-xs" src="assets/images/promo.png">

web/app/styles/hue-controls.scss

@@ -14,6 +14,15 @@
 
 .promo-title {
   font-size: 18px;
+  text-align: center;
+}
+
+.promo-text {
+  font-size: 14px;
+
+  img {
+    margin-top: 20px;
+  }
 }
 
 .lights-control-tooltip + .tooltip {
@@ -74,7 +83,7 @@
   padding: 5px;
   background: rgba(0, 0, 0, 0.7);
   box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.3);
-  color: #FFFFFF;
+  color: #ffffff;
   position: absolute;
   width: 266px;
   height: 266px;
@@ -85,7 +94,8 @@
 
 .color-content {
   box-shadow: none !important;
-  md-menu-content, md-menu-item {
+  md-menu-content,
+  md-menu-item {
     background-color: transparent !important;
   }
 }
@@ -113,7 +123,9 @@
   margin-right: 20px;
 }
 
-.dice:hover, .dice:focus, .dice:active {
+.dice:hover,
+.dice:focus,
+.dice:active {
   animation-name: hvr-buzz-out;
   animation-duration: 0.75s;
   animation-timing-function: linear;
@@ -153,7 +165,7 @@
   }
 }
 
-@media(min-width:767px) {
+@media (min-width: 767px) {
   #lights-tab {
     font-size: 20px;
     .paper-icon {