dont show footer on non centered pages

app/styles/app/layouts/footer.sass

@@ -25,7 +25,7 @@ footer
   height: auto
 @media (min-width: 640px)
   .wrapper
-    padding-bottom: 204px
+    padding-bottom: 244px //footer height plus some extra padding
 
   footer
     margin-top: -204px
@@ -86,3 +86,6 @@ footer a:active
 
 .status-circle.major
   background: #e74c3c
+
+.wrapper:not(.centered) ~ footer
+  display: none

app/styles/app/layouts/sidebar.sass

@@ -75,7 +75,7 @@ $sb-font-size: 14px
       .icon--plus:after
         color: $teal1
       &:after
-        bottom: 0
+        bottom: -3px
 
   @media (min-width: #{lower-bound($large-range)})
     ul

app/styles/app/modules/tabs.sass

@@ -25,7 +25,7 @@
       content: ""
       position: absolute
       left: 0
-      bottom: -0.25em
+      bottom: -4px
       width: 100%
       height: 2px
       background-color: $teal2

app/templates/layouts/home.hbs

@@ -17,6 +17,6 @@
   </aside>
 </div>
 
-{{!-- <footer>
+<footer>
   {{render "footer"}}
-</footer> --}}
+</footer>

app/templates/layouts/profile.hbs

@@ -4,7 +4,7 @@
   </div>
 </header>
 
-<div class="centered">
+<div class="wrapper centered">
   {{render "flash"}}
   <div id="main" class="main" role="main">
     {{yield}}
@@ -12,3 +12,7 @@
     {{outlet "left"}}
   </div>
 </div>
+
+<footer>
+  {{render "footer"}}
+</footer>