From c6432f308fc8537005ba963ff3123d5ae0b70400 Mon Sep 17 00:00:00 2001
From: Stephen Lindberg <stwelin@gmail.com>
Date: Sun, 20 May 2018 09:37:57 -0400
Subject: [PATCH] mobile friendly

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

diff --git a/index.html b/index.html
index e46bcdd..45da16e 100644
--- a/index.html
+++ b/index.html
@@ -55,14 +55,14 @@
   </script>
   <style>
     body { background:#fff; padding:0px; margin:0px; }
-    body pre { background: #000;height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Courier New',courier;font-size:12px; position: relative; }
-    body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px}
+    body pre { background: #000;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Courier New',courier;font-size:12px; position: relative; }
+    body pre a { color:#fff; padding:0px 5px; line-height: 20px}
     body pre a:hover { color:#eee; background:#000; text-decoration: none; }
     body pre #icon { display: block;width: 20px;height: 20px;background-image: url(icon.white.svg);background-size: 20px;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px }
     body pre p { display:block; padding:0px 5px}
     body pre p b { font-weight: normal; color:#ccc; }
-    body pre list { display:block; columns:3; }
-    body pre list ln { display:block; padding-left:5px}
+    body pre list { display:flex; flex-wrap: wrap; }
+    body pre list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
     body pre list ln a:visited { color:#ccc;}
   </style>
 </body>