Improve list style on welcome page for small screens

[vchess.git] / public / stylesheets / index.sass

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 8658bfa..e4f846e 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -15,3 +15,32 @@
 
 .card > h3.section.red
   color: #cc3300
+
+#welcome
+  max-height: 100vh
+  max-width: 90vw
+
+@media screen and (max-width: 400px)
+  #welcome
+    max-width: 100vw
+
+#welcome ul
+  list-style-type: none
+
+#welcome ul > li
+  font-family: monospace
+
+table.list-table
+  width: 300px
+  margin: 0 auto
+  border: 0
+  tbody
+    border: 0
+    tr
+      border: 0
+      margin: 0
+      padding: 0
+      td
+        padding: 0
+        text-align: left
+        border: 0