Use column flexbox on mainpage

This removes the need to hardcode the footer height in a CSS calc().

Use column flexbox on mainpage
This removes the need to hardcode the footer height in a CSS calc().
e3307655 · Alexandre Iooss · Juliusz Chroboczek · 8544e4de · e3307655
Commit e3307655 authored Apr 01, 2021 by Alexandre Iooss Committed by Juliusz Chroboczek Apr 22, 2021
Show whitespace changes
Inline Side-by-side

Showing with 7 additions and 1 deletion

static/mainpage.css static/mainpage.css +7 -1

No files found.
--- a/static/mainpage.css
+++ b/static/mainpage.css
+body {
+    /* Used to move footer at bottom of the page */
+    display: flex;
+    flex-direction: column;
+}
+
 .groups {
 }

@@ -10,7 +16,7 @@
 }

 .home {
-  height: calc(100vh - 50px);
+  margin-bottom: auto;
  padding: 1.875rem;
 }