From 47b6dc228747bb12e53ef1efd72b5db178349cf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20Mu=CC=88ller?= <j.mueller@mister-bk.de>
Date: Wed, 10 Aug 2016 08:42:53 +0200
Subject: [PATCH] fix(footer): Improve styleguide trigger positioning

---
 public/_includes/_footer.jade            |  2 +-
 public/resources/css/module/_footer.scss | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/public/_includes/_footer.jade b/public/_includes/_footer.jade
index 7f77d739f3..a186b59ca8 100644
--- a/public/_includes/_footer.jade
+++ b/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
diff --git a/public/resources/css/module/_footer.scss b/public/resources/css/module/_footer.scss
index d0376f476c..50ece15507 100644
--- a/public/resources/css/module/_footer.scss
+++ b/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;
+      }
     }
   }
-}
\ No newline at end of file
+}