fix(footer): Improve styleguide trigger positioning

Author: Jacob Müller

public/_includes/_footer.jade

@@ -53,5 +53,5 @@ else
 
   footer(class="background-steel")
     small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
-    a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow" md-button)
+    a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow")
       span.icon-favorite

public/resources/css/module/_footer.scss

@@ -92,13 +92,17 @@
     position: relative;
 
     .styleguide-trigger {
-      position: absolute;
-      top: $unit * 2;
-      right: $unit * 2;
-      font-size: 14px;
-      line-height: 20px;
-      padding: 0px $unit;
       opacity: .24;
+      float: right;
+
+      @media handheld and (max-width: $phone-breakpoint),
+      screen and (max-device-width: $phone-breakpoint),
+      screen and (max-width: $tablet-breakpoint) {
+        display: block;
+        margin-top: 8px;
+        font-size: 18px;
+        float: none;
+      }
     }
   }
-}
+}