From ad9dd2701e9f5ea6365294bebfe460dec7d7a7e0 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Sat, 9 Jul 2022 17:02:58 +0200
Subject: [PATCH] web: move infolinks to bottom of page

---
 static/main.css      | 13 +++++++++++++
 templates/index.html | 12 +++++++-----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/static/main.css b/static/main.css
index 59d49ed..49ca317 100644
--- a/static/main.css
+++ b/static/main.css
@@ -10,6 +10,19 @@ body {
 	font-family: sans-serif;
 	padding: 0;
 	margin: 0;
+	display: flex;
+	flex-direction: column;
+}
+
+footer {
+	display: flex;
+	flex-grow: 1;
+	justify-content: center;
+	padding-bottom: 1rem;
+}
+
+footer .infolinks {
+	align-self: flex-end;
 }
 
 .icon svg {
diff --git a/templates/index.html b/templates/index.html
index b9e2783..44b22f6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,14 +16,16 @@
           placeholder="Search terms..." />
       <button type="submit">Search</button>
     </div>
-    <div class="infolinks">
-      <a href="/about">About SearchHut</a>
-      <a href="/docs">Documentation</a>
-      <a href="https://sr.ht/~sircmpwn/searchhut">Source code</a>
-    </div>
     <div class="alert">
       <strong>Notice!</strong>
       This product is experimental and incomplete. User beware!
     </div>
   </form>
 </main>
+<footer>
+  <div class="infolinks">
+    <a href="/about">About searchhut</a>
+    <a href="/docs">Documentation</a>
+    <a href="https://sr.ht/~sircmpwn/searchhut">Source code</a>
+  </div>
+</footer>