From 6991beae115287a093140fc4294954ffb8fe8701 Mon Sep 17 00:00:00 2001
From: Eric Cornelissen <ericornelissen@gmail.com>
Date: Sun, 17 Sep 2017 17:58:41 +0200
Subject: [PATCH] Push footer to bottom of the page

Now the <footer> is pushed to the bottom of the page
when the icons don't fill up the screen.
---
 index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/index.html b/index.html
index f1dff3e1..4cbd3bdf 100644
--- a/index.html
+++ b/index.html
@@ -160,6 +160,7 @@
 
         :root {
             font-size: 100%;
+            height: 100%;
         }
 
         a {
@@ -172,9 +173,12 @@
 
         body {
             background-color: #FFFFFF;
+            display: flex;
+            flex-direction: column;
             color: #263238;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
             font-size: 0.875rem;
+            height: 100%;
             line-height: 1.5rem;
             margin: 0;
         }
@@ -222,6 +226,7 @@
 
         .footer {
             background-color: #EEE;
+            margin-top: auto;
             padding: 1.5rem;
         }
         @media (min-width: 45rem) {