From 2dfcf29c436deff31f3d1697f2e7ad79c7003590 Mon Sep 17 00:00:00 2001
From: Koen Lagveen <koen.lageveen@me.com>
Date: Sat, 22 Jul 2023 23:16:19 +0200
Subject: [PATCH] improve tiny screen layouts

---
 index.css | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/index.css b/index.css
index 0c841df..7c3da8b 100644
--- a/index.css
+++ b/index.css
@@ -160,6 +160,16 @@ a:active {
     background: var(--bright-grey);
     color: var(--dark-grey);
 }
+@media screen and (max-width: 56em) {
+    .info-wrapper {
+        bottom: 2rem;
+    }
+}
+@media screen and (max-height: 36em)  {
+    .info-wrapper {
+        display: none;
+    }
+}
 .info-wrapper a:hover {
     color: var(--ink-black);
     text-decoration: underline;
@@ -525,15 +535,3 @@ footer .logo:last-child {
         float: none;
     }
 }
-@media screen and (max-width: 56em) and (max-height: 36em) {
-    section.select-list a.website {
-        top: 0;
-    }
-    section.select-list .entry {
-        padding: 0 1em;
-    }
-    footer p:first-of-type,
-    footer p:first-of-type + p {
-        display: none;
-    }
-}