fix logs for nerds text on mobile

1 files changed, 16 insertions, 0 deletions

diff --git a/global/main.css b/global/main.css
index 42951f4..a533e1f 100644
--- a/global/main.css
+++ b/global/main.css
@@ -280,6 +280,22 @@ footer > .logs {
     justify-self: end;
 }
 
+@media (pointer: coarse) {
+    /* on touch devices, stack the footer entries instead of squeezing
+       the logs link into the narrow side track */
+    footer {
+        grid-template-columns: auto;
+        justify-content: center;
+        justify-items: center;
+    }
+
+    footer > .updated,
+    footer > .logs {
+        grid-column: 1;
+        justify-self: center;
+    }
+}
+
 footer > ul {
     display: contents;
 }