slightly simplify the footer structure

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>

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;
   }

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;

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;