better store badges

web/app/pods/components/huegasm-footer/template.hbs

@@ -1,19 +1,24 @@
-<a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer" class="hidden-xs">
+<a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank"
+  rel="noopener noreferrer" class="hidden-xs chrome-store-icon">
   <img src="assets/images/chrome-store-badge.png" alt="Available in the Chrome Web Store">
 </a>
 
 <div id="footer-text">
-  Forged from 🔥 © {{year}}
+  <span class="hidden-xs">Forged from 🔥</span> © {{year}}
 
   <a href="https://www.nidratech.com/" target="_blank" rel="noopener noreferrer">
     Nidratech Ltd
   </a>
 </div>
 
-<a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer">
-  <img src="assets/images/android-play-badge.png" alt="Get it on the Play Store">
-</a>
+<div>
+  <a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer"
+    class="play-store-icon">
+    <img src="assets/images/android-play-badge.png" alt="Get it on the Play Store">
+  </a>
 
-<a href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer">
-  <img src="assets/images/app-store-badge.svg" alt="Get it on the App Store">
-</a>
+  <a href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer"
+    class="app-store-icon">
+    <img src="assets/images/app-store-badge.svg" alt="Get it on the App Store">
+  </a>
+</div>

web/app/pods/index/template.hbs

@@ -26,7 +26,7 @@
         <div class="available-on-container">
           <p class="available-on">Best experience</p>
 
-          <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer">
+          <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" class="chrome-store-icon" target="_blank" rel="noopener noreferrer">
             <img src="assets/images/chrome-store-badge.png" alt="Huegasm on the Chrome Web Store">
           </a>
 
@@ -34,12 +34,10 @@
 
           <div class="available-on-list">
             <a class="play-store-icon" href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer">
-              <img src="assets/images/android-play-badge.png" alt="Huegasm on the Google Play Store">
-            </a>
+              <img src="assets/images/android-play-badge.png" alt="Huegasm on the Google Play Store"></a>
 
             <a class="app-store-icon" href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer">
-              <img src="assets/images/app-store-badge.svg" alt="Huegasm on the App Store">
-            </a>
+              <img src="assets/images/app-store-badge.svg" alt="Huegasm on the App Store"></a>
 
             {{#link-to "web-app" class="btn btn-default" role="button"}}
               Web (legacy)

web/app/styles/index.scss

@@ -24,17 +24,21 @@
 
   &-list a {
     margin-right: 2vw;
-
-    &.play-store-icon img {
-      width: 130px;
-    }
-
-    &.app-store-icon img {
-      width: 110px;
-    }
   }
 }
 
+.chrome-store-icon img {
+  width: 170px;
+}
+
+.play-store-icon img {
+  width: 130px;
+}
+
+.app-store-icon img {
+  width: 110px;
+}
+
 .embed-container {
   position: relative;
   padding-bottom: 56.25%;