Fix: Corrected page not spaning all of the viewport height

admin/includes/web-page.xsl

@@ -32,15 +32,15 @@
 
                 <!--<h1 id="header">Icecast <xsl:value-of select="$title"/></h1>-->
 
-                <!-- Content -->
-                <main role="main">
-                    <xsl:call-template name="content" namespace="http://www.w3.org/1999/xhtml" />
-                </main>
+		<!-- Content -->
+		<main role="main">
+			<xsl:call-template name="content" namespace="http://www.w3.org/1999/xhtml" />
+		</main>
 
-                <!-- Footer -->
-                <footer>
-                    <p>Support icecast development at <a href="http://icecast.org">icecast.org</a></p>
-                </footer>
+		<!-- Footer -->
+		<footer>
+			<p>Support icecast development at <a href="http://icecast.org">icecast.org</a></p>
+		</footer>
             </body>
         </html>
     </xsl:template>

web/assets/css/style.css

@@ -4,6 +4,18 @@ html, body {
     font-family: sans-serif;
     line-height: 1;
     -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+body > main {
+    width: 100%;
+    flex-grow: 1;
 }
 
 /* Main navigation styles */
@@ -228,7 +240,6 @@ section.box table.table-keys tr td:first-child {
 
 main {
     display: block;
-    overflow: hidden;
     clear: both;
     padding: 0 1.5em;
     /*background: #CAD5DB;*/