From 0e3bf5e5701769f0fdfc36ac73ea8c91c36165c5 Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Tue, 26 Jan 2021 12:56:05 -0500
Subject: [PATCH] fix: mobile footer styles

---
 components/styles.module.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/components/styles.module.css b/components/styles.module.css
index 3d74c0b..98c3a3a 100644
--- a/components/styles.module.css
+++ b/components/styles.module.css
@@ -120,6 +120,26 @@
   }
 }
 
+@media only screen and (max-width: 566px) {
+  .footer {
+    flex-direction: column;
+  }
+
+  .footer > div {
+    margin-top: 1em;
+  }
+
+  .footer .settings {
+    order: 1;
+  }
+  .footer .social {
+    order: 2;
+  }
+  .footer .copyright {
+    order: 3;
+  }
+}
+
 .pageActions {
   display: flex;
   flex-direction: row;