From 6714c6039c0b734fcc2007be8c59189d1797aff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= <lorenzo.dellaca@mind-overflow.net>
Date: Thu, 5 Nov 2020 01:04:12 +0100
Subject: [PATCH] Make whole body a flex container

This is used so that we can make <main> take all the remaining space.
This is "needed" because some pages (such as /tags/) don't have enough content to fill the whole height, making the footer appear in the middle of the page.
---
 assets/css/screen.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 00a0e15..fc271e6 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -48,6 +48,9 @@ html, body {
     margin: 0;
     padding: 0;
     height: 100%;
+    display: flex;
+
+    flex-flow: column;
 
     font-size: 20px;
     line-height: 1.6;
@@ -134,6 +137,7 @@ Used to define how every page is displayed.
 */
 
 main {
+    flex: 1;
     display: block;
     box-sizing: border-box;
     width: 100%;
@@ -340,7 +344,7 @@ Used to style the index/homepage.
 */
 
 .mind-index-header_main {
-    height: 100%;
+    flex: 0 0 100%;
     width: 100%;
     margin: auto;
     display: flex;
@@ -618,7 +622,7 @@ instead of pages ".mind-page*".
 */
 
 .mind-post-header {
-    height: 400px;
+    flex: 0 0 400px;
     width: 100%;
     display: flex;
     flex-direction: column;