Fix footer and public min-height

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

core/css/public.scss

@@ -1,3 +1,5 @@
+$footer-height: 60px;
+
 #body-public {
 	.header-right {
 
@@ -36,8 +38,9 @@
 	}
 
 	#content {
-		height: initial;
-		min-height: calc(100vh - 160px);
+		// 100% - footer
+		min-height: calc(100% - #{$footer-height});
+
 	}
 
 	/** don't apply content header padding on the base layout */
@@ -64,4 +67,22 @@
 	form input[type='checkbox']+label {
 		text-align: center;
 	}
+
+	/* public footer */
+	footer {
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: $footer-height;
+		p {
+			color: var(--color-text-lighter);
+			a {
+				color: var(--color-text-lighter);
+				font-weight: 600;
+				padding: 13px;
+				margin: -13px;
+			}
+		}
+	}
 }

core/css/styles.scss

@@ -1049,25 +1049,6 @@ div.crumb {
 	}
 }
 
-/* public footer */
-
-#body-public footer {
-	position: relative;
-	text-align: center;
-	.info {
-		color: var(--color-text-lighter);
-		text-align: center;
-		margin: 0 auto;
-		padding: 20px 0;
-		a {
-			color: var(--color-text-lighter);
-			font-weight: 600;
-			padding: 13px;
-			margin: -13px;
-		}
-	}
-}
-
 /* LEGACY FIX only - do not use fieldsets for settings */
 
 fieldset {

core/templates/layout.public.php

@@ -78,7 +78,7 @@
 	</div>
 	<?php if(isset($template) && $template->getFooterVisible()) { ?>
 	<footer>
-		<p class="info"><?php print_unescaped($theme->getLongFooter()); ?></p>
+		<p><?php print_unescaped($theme->getLongFooter()); ?></p>
 	</footer>
 	<?php } ?>