Move footer to the bottom if content is not larger than viewport

snikket_web/scss/app.scss

@@ -26,10 +26,20 @@ body {
 	margin: 0;
 	padding: 0;
 	background-color: $gray-900;
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
 }
 
-body > main {
+main {
 	padding: $w-l1;
+	margin-left: auto;
+	max-width: 60rem;
+	margin-right: auto;
+}
+
+#mwrap {
+	flex: 1;
 }
 
 /* top bar */
@@ -85,14 +95,6 @@ div#topbar {
 	}
 }
 
-/* main content */
-
-main {
-	max-width: 60rem;
-	margin-left: auto;
-	margin-right: auto;
-}
-
 /* standard elevations */
 
 .el-1, .box.el-1, div.form.el-1 {