Revert "style: Push the footer to the bottom regardless of the size of maincontent"

This reverts commit c374fb44f6.

app/static/css/container.css

@@ -1,5 +1,4 @@
 .container {
-  min-height: 88vh;
   margin-left: 110px;
 }
 @media screen and (max-width:849px) {

app/static/css/footer.css

@@ -1,6 +1,5 @@
 footer {
-  min-height: 10vh;
-  margin: 20px 0 0 110px;
+  margin: 20px 0 0 0;
   padding: 10px 10%;
   text-align: center;
   font-size: 11px;
@@ -11,9 +10,4 @@ footer {
 }
 footer p {
   margin: 3px 0;
-}
-@media screen and (max-width:849px) {
-  footer {
-    margin-left: 0;
-  }
 }

app/static/css/global.css

@@ -25,8 +25,6 @@
   transition: .15s ease;
 }
 body {
-  width: 100vw;
-  height: 100vh;
   margin: 0;
   background: var(--background);
   color: var(--text);

app/static/css/header.css

@@ -1,5 +1,4 @@
 header {
-  min-height: 5vh;
   margin: 0;
   padding: 8px 16px;
   background: var(--background);

app/static/less/container.less

@@ -1,7 +1,6 @@
 @import "vars";
 
 .container {
-    min-height: 88vh;
     margin-left: 110px;
 
     @media screen and (max-width: @tiny) {

app/static/less/footer.less

@@ -1,24 +1,14 @@
-@import "vars";
 /*
     Footer
 */
 
 footer {
-    min-height: 10vh;
-    margin: 20px 0 0 110px;
-    padding: 10px 10%;
-    text-align: center;
-    font-size: 11px;
-    font-style: italic;
-    background: var(--background);
-    color: var(--text);
+    margin: 20px 0 0 0; padding: 10px 10%;
+    text-align: center; font-size: 11px; font-style: italic;
+    background: var(--background); color: var(--text);
     border-top: var(--border);
 
     p {
-        margin: 3px 0;
-    }
-
-    @media screen and (max-width: @tiny) {
-        margin-left: 0;
+    	margin: 3px 0;
     }
 }

app/static/less/global.less

@@ -17,8 +17,6 @@
 }
 
 body {
-    width: 100vw;
-    height: 100vh;
     margin: 0;
     background: var(--background);
     color: var(--text);
@@ -158,7 +156,7 @@ button, .button, input[type="button"], input[type="submit"] {
     left: 50%;
     padding: 8px;
     position: absolute;
-    transform: translateY(-200%);
+    transform: translateY(-100%);
     transition: transform 0.3s;
     background: var(--links);
     color: var(--warn-text);

app/static/less/header.less

@@ -1,7 +1,6 @@
 @import "vars";
 
 header {
-    min-height: 5vh;
     margin: 0; padding: 8px 16px;
     background: var(--background); border-bottom: var(--border);
 

app/templates/base/base.html

@@ -17,9 +17,9 @@
 		{% block content %}
 		<div id="main-content"></div>
 		{% endblock %}
-	</div>
 
-	{% include "base/footer.html" %}
+		{% include "base/footer.html" %}
+	</div>
 
 	{% include "base/scripts.html" %}
 </body>