Improve 'help' modal style on large screens

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

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 4176bf8..6f5fedf 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -16,12 +16,19 @@
 .card > h3.section.red
   color: #cc3300
 
-#welcome
+#welcome, #help
   max-height: 100vh
   max-width: 90vw
 
+.conditional-jump
+  display: block
+
+@media screen and (max-width: 710px)
+  .conditional-jump
+    display: inline
+
 @media screen and (max-width: 400px)
-  #welcome
+  #welcome, #help
     max-width: 100vw
 
 #welcome ul
@@ -29,3 +36,18 @@
 
 #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