Refactor footer, UI tweaks

src/less/app.less

@@ -23,9 +23,7 @@ html, body {
   height: 100%;
   width: 100%;
   text-rendering: optimizeLegibility;
-  overflow-x: hidden;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
+  overflow: hidden;
 }
 
 body {
@@ -42,17 +40,23 @@ div, a, li {
 
 #coriolis {
   width: 100%;
-  min-height: 95%;
+  height: 100%;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
 }
 
 .page {
   margin: 0;
-  padding: 0.5em 0;
+  padding: 0.5em;
   width: 100%;
   min-height: 100%;
   clear: both;
   text-align: center;
   box-sizing: border-box;
+
+  .largePhone({
+    padding: 0.5em 0.25em;
+  });
 }
 
 .l {