changeset 4:e6de0e67c4c1

styles: footer is now placed at the bottom of the page using flexbox
author Goffi <goffi@goffi.org>
date Sun, 16 Apr 2017 18:36:21 +0200
parents 4d8577e54f16
children 2b26eadd8ad7
files default/static/styles.css
diffstat 1 files changed, 13 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/default/static/styles.css	Sun Apr 16 18:35:30 2017 +0200
+++ b/default/static/styles.css	Sun Apr 16 18:36:21 2017 +0200
@@ -7,11 +7,21 @@
     text-align: center;
 }
 
+body {
+    display: flex;
+    height: 100vh;
+    flex-direction: column;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 8px;
+}
+
+#body {
+    flex: 1;
+}
+
 footer {
-    width: 100%;
     text-align: center;
     font-size: 0.7em;
     font-weight: bold;
-    position: fixed;
-    bottom: 5px;
 }