From 418da9b24dfde9bde40f035a8eb61f00173cc81f Mon Sep 17 00:00:00 2001
From: Cade Scroggins <git@cade.me>
Date: Tue, 17 Jan 2023 12:48:59 -0800
Subject: [PATCH] flex column commands on mobile

---
 index.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 8e36d2c..7f0bed5 100644
--- a/index.html
+++ b/index.html
@@ -151,7 +151,7 @@
       url: 'https://youtube.com/feed/subscriptions',
     },
     '?': {
-      name: 'README.md',
+      name: 'README',
       url: 'https://read.xvvvyz.xyz/xvvvyz/tilde/main/README.md',
     },
   };
@@ -199,14 +199,13 @@
 <template id="commands-template">
   <style>
     .commands {
-      align-items: center;
       display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
+      flex-direction: column;
       list-style: none;
       margin: 0 auto;
       max-width: 54rem;
       padding: 0;
+      width: 100vw;
     }
 
     .command {
@@ -229,6 +228,14 @@
     .name {
       color: var(--color-text);
     }
+
+    @media (min-width: 54rem) {
+      .commands {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+    }
   </style>
   <nav>
     <menu class="commands"></menu>