From 81ae7b8423d46d8b4593398888d31edf62ad27a0 Mon Sep 17 00:00:00 2001
From: lone-cloud <lonecloud604@pm.me>
Date: Wed, 12 Oct 2016 14:58:55 -0700
Subject: [PATCH] slightly simplify the footer structure

---
 web/app/pods/components/huegasm-app/template.hbs | 16 ++++++++--------
 web/app/styles/app.scss                          | 13 ++++++++-----
 web/app/styles/dimmer.scss                       |  4 +---
 web/app/styles/huegasm-variables.scss            |  2 +-
 4 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/web/app/pods/components/huegasm-app/template.hbs b/web/app/pods/components/huegasm-app/template.hbs
index 67898ad..3b46aae 100644
--- a/web/app/pods/components/huegasm-app/template.hbs
+++ b/web/app/pods/components/huegasm-app/template.hbs
@@ -27,13 +27,13 @@
 {{/if}}
 
 <footer id="footer">
-   <p>
-     <span class="relative">
-       <span id="dimmer" {{action "toggleDimmer"}} class={{dimmerOnClass}}></span>© {{year}}
+   <div id="dimmer" {{action "toggleDimmer"}} class={{dimmerOnClass}}></div>
 
-       <a href="http://egorphilippov.me" target="_blank" rel="noopener noreferrer">
-         Egor Philippov
-       </a>
-     </span>
-   </p>
+  <div id="footer-text">
+    © {{year}}
+
+    <a href="http://www.egorphilippov.me" div="" target="_blank" rel="noopener noreferrer">
+      Egor Philippov
+    </a>
+  </div>
 </footer>
\ No newline at end of file
diff --git a/web/app/styles/app.scss b/web/app/styles/app.scss
index 7509694..296f98e 100644
--- a/web/app/styles/app.scss
+++ b/web/app/styles/app.scss
@@ -23,7 +23,7 @@ html {
 }
 
 body {
-  margin-bottom: $footerHeight + 30px;
+  margin-bottom: $footerHeight;
   position: static;
 }
 
@@ -40,11 +40,14 @@ body, button {
   left: 0;
   bottom: 0;
   width: 100%;
+  text-align: center;
   height: $footerHeight;
-  p {
-    padding-left: 0;
-    text-align: center;
-  }
+}
+
+#footer-text {
+  display: inline-block;
+  position: relative;
+  bottom: 10px;
   a {
     margin-left: 5px;
   }
diff --git a/web/app/styles/dimmer.scss b/web/app/styles/dimmer.scss
index a910121..f6d83c7 100644
--- a/web/app/styles/dimmer.scss
+++ b/web/app/styles/dimmer.scss
@@ -82,9 +82,7 @@ body.dimmerOn {
 }
 
 #dimmer {
-  position: absolute;
-  left: -50px;
-  bottom: -10px;
+  display: inline-block;
   cursor: pointer;
   width: 40px;
   height: 40px;
diff --git a/web/app/styles/huegasm-variables.scss b/web/app/styles/huegasm-variables.scss
index 6026e68..7e363ca 100644
--- a/web/app/styles/huegasm-variables.scss
+++ b/web/app/styles/huegasm-variables.scss
@@ -1,6 +1,6 @@
 $playerHeight: 400px;
 $playerDefaultIconColor: #BBBBBB;
-$footerHeight: 40px;
+$footerHeight: 45px;
 $playerBottomHeight: 255px;
 $secondaryThemeColor: #F12B24;
 $glowingText: 0 0 2px #fff, 0 0 8px #fff, 0 0 20px #228DFF;