Footer nightmare = solved

app/components/bridge-controls.js

@@ -1,7 +1,7 @@
 import Em from 'ember';
 
 export default Em.Component.extend({
-  classNames: ['bridgeControls', 'maxHeight'],
+  classNames: ['bridgeControls'],
 
   bridgeIp: null,
   manualBridgeIp: null,

app/components/bridge-finder.js

@@ -1,8 +1,7 @@
 import Em from 'ember';
 
 export default Em.Component.extend({
-  classNames: ['container'],
-  elementId: 'finderContainer',
+  classNames: ['container-fluid', 'bridgeFinder'],
 
   bridgeIp: null,
   trial: false,

app/components/huegasm-app.js

@@ -1,7 +1,7 @@
 import Em from 'ember';
 
 export default Em.Component.extend({
-  classNames: ['container-fluid', 'maxHeight'],
+  classNames: ['container-fluid'],
   bridgeIp: null,
 
   bridgeUsername: null,

app/styles/app.scss

@@ -8,16 +8,18 @@ $playerHeight: 400px;
 $playerBeatAreaHeight: 320px;
 $playListBackgroundColor: #1E1E1E;
 $playerDefaultIconColor: #BBBBBB;
+$footerHeight: 40px;
 
 // BRIDGE FINDER
-html, body {
-  margin: 0;
-  padding: 0;
-  height: 100%;
+html {
+  min-height: 100%;
+  height: auto;
 }
 
-.maxHeight {
-  height: 100%
+body {
+  margin-bottom: $footerHeight;
+  position: static;
+  height: auto;
 }
 
 .ember-app {
@@ -28,6 +30,7 @@ html, body {
   position: absolute;
   bottom: 0;
   width: 100%;
+  height: $footerHeight;
 }
 
 .footer .text-muted {
@@ -40,12 +43,12 @@ html, body {
   cursor: pointer;
 }
 
-#finderContainer {
+.bridgeFinder {
   text-align: center;
   padding-top: 20px;
 }
 
-#finderContainer .title {
+.bridgeFinder .title {
   font-family: 'Slabo 27px', serif;
   font-size: 30px;
   margin-bottom: 30px;
@@ -71,10 +74,6 @@ md-progress-circular {
   text-decoration: none;
 }
 
-md-content {
-  max-width: 1000px;
-}
-
 // BRIDGE CONTROLS
 .bridgeControls {
   position: relative;

app/templates/components/bridge-controls.hbs

@@ -15,6 +15,4 @@
   {{#if musicTabSelected class="tabSwitch"}}
     {{controls/music-control apiURL=apiURL lightsData=lightsData  activeLights=activeLights}}
   {{/if}}
-
-  {{huegasm-footer}}
 {{/if}}

app/templates/components/huegasm-app.hbs

@@ -4,6 +4,4 @@
   {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial}}
 {{/if}}
 
-{{#unless bridgeUsername}}
 {{huegasm-footer}}
-{{/unless}}