always show footer at the bottom via flexbox

8 files changed, 17 insertions, 10 deletions

diff --git a/static/build.html b/static/build.html
index 39abfbc1..d48925e3 100644
--- a/static/build.html
+++ b/static/build.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/build"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/build"/>
     </head>
diff --git a/static/contact.html b/static/contact.html
index 74603983..50027804 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/contact"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/contact"/>
     </head>
diff --git a/static/donate.html b/static/donate.html
index 99cd2bab..7977762b 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/donate"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/donate"/>
     </head>
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;
diff --git a/static/index.html b/static/index.html
index c498ea35..d6a9c92d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/"/>
     </head>
diff --git a/static/install.html b/static/install.html
index 8e0ab2bc..283af7a6 100644
--- a/static/install.html
+++ b/static/install.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/install"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/install"/>
     </head>
diff --git a/static/releases.html b/static/releases.html
index 85d4ffd6..4463a4aa 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/releases"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/releases"/>
     </head>
diff --git a/static/source.html b/static/source.html
index 6d97208f..57fb13df 100644
--- a/static/source.html
+++ b/static/source.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/source"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?2"/>
+        <link rel="stylesheet" href="/grapheneos.css?3"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/source"/>
     </head>