From 8c99d4f36c6cb381d36f5d68bf00da71d752fe96 Mon Sep 17 00:00:00 2001 From: Daniel Micay Date: Fri, 3 May 2019 12:46:47 -0400 Subject: always show footer at the bottom via flexbox --- static/grapheneos.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'static/grapheneos.css') diff --git a/static/grapheneos.css b/static/grapheneos.css index 992f494b..6bf9cdc4 100644 --- a/static/grapheneos.css +++ b/static/grapheneos.css @@ -2,6 +2,9 @@ /* https://android.googlesource.com/platform/frameworks/base/+/android-9.0.0_r35/core/res/res/values/colors_material.xml */ body { + display: flex; + flex-direction: column; + min-height: 100vh; font-family: Roboto, sans-serif; background-color: #fafafa; /* grey50 */ color: rgba(0, 0, 0, 0.87); /* 87% black */ @@ -68,7 +71,8 @@ nav ul li.active a { } #content { - margin: auto; + margin-left: auto; + margin-right: auto; padding: 1em; max-width: 800px; overflow-wrap: break-word; @@ -89,11 +93,14 @@ footer img { width: 60px; height: auto; display: block; - margin: auto; + margin-left: auto; + margin-right: auto; } footer { - margin: auto; + margin-top: auto; + margin-left: auto; + margin-right: auto; padding: 1em; max-width: 800px; overflow-wrap: break-word; -- cgit v1.3.1