Fix sticky footer?

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "dist/css/all.css": "dist/css/all-1e740827.css",
+  "dist/css/all.css": "dist/css/all-3a785eb2.css",
   "dist/js/all.js": "dist/js/all-c132bc1e.js"
 }

resources/assets/sass/_status-page.scss

@@ -1,4 +1,5 @@
 body.status-page {
+    padding-top: 40px;
     font-family: $base-font-family;
     background-color: #F0F3F4;
     color: #333333;
@@ -44,8 +45,6 @@ body.status-page {
 
     .container {
         max-width: 960px;
-        margin-bottom: 40px;
-        margin-top: 20px;
     }
 
     .page-header {
@@ -295,8 +294,11 @@ body.status-page {
     }
 
     footer {
-        margin-top: 40px;
+        position: absolute;
-        padding: 40px 0;
+        width: 100%;
+        bottom: 0;
+        height: 60px;
+        padding: 40px 0 60px 0;
         border-top: 1px solid $cachet_gray_light;
         background-color: lighten($cachet_gray_light, 5%);
         color: $cachet-gray-darker;

resources/assets/sass/main.scss

@@ -6,10 +6,16 @@ $ionicons-font-path: "../../../fonts" !default;
 @import "modules/bootstrap";
 
 html {
-    height: 100%;
+    position: relative;
+    min-height: 100%;
     -webkit-font-smoothing: antialiased;
 }
 
+body {
+    margin-bottom: 60px;
+    padding-bottom: 60px;
+}
+
 @import "helpers";
 
 // Module overrides