From 8e868a642c612bd78ceb1650b52a623336cdeb28 Mon Sep 17 00:00:00 2001
From: timvisee <tim@visee.me>
Date: Wed, 27 Jan 2021 13:34:26 +0100
Subject: [PATCH] Fix footer, properly layout no affiliation notice on small
 screens

---
 app/main.css     | 2 +-
 app/ui/footer.js | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/main.css b/app/main.css
index 0e77951d..29b37ad4 100644
--- a/app/main.css
+++ b/app/main.css
@@ -134,7 +134,7 @@ details[open] > summary > svg {
   transform: rotate(90deg);
 }
 
-footer li:hover {
+footer li a:hover {
   text-decoration: underline;
 }
 
diff --git a/app/ui/footer.js b/app/ui/footer.js
index 10296a72..bd332896 100644
--- a/app/ui/footer.js
+++ b/app/ui/footer.js
@@ -69,7 +69,11 @@ class Footer extends Component {
       <footer
         class="flex flex-col md:flex-row items-start w-full flex-none self-start p-6 md:p-8 font-medium text-xs text-grey-60 dark:text-grey-40 md:items-center justify-between"
       >
-        <div>${translate('footerText')}</div>
+        <ul
+          class="flex flex-col md:flex-row items-start md:items-center md:justify-start"
+        >
+          <li class="m-2">${translate('footerText')}</li>
+        </ul>
         <ul
           class="flex flex-col md:flex-row items-start md:items-center md:justify-end"
         >