Improve 'help' modal style on large screens

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 77ba9ae..6f5fedf 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -20,6 +20,13 @@
   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, #help
     max-width: 100vw

diff --git a/views/index.pug b/views/index.pug
index 2a2a2d2..6e8cc0b 100644 (file)
--- a/views/index.pug
+++ b/views/index.pug
@@ -16,10 +16,10 @@ block content
                                        #help.card
                                                label.modal-close(for="modal-help")
                                                h3.blue.section Tips
-                                               p.section.
-                                                       On a variant page, read the rules by clicking on the title "<Variant> rules".
-                                                       Try playing against a human: click the leftmost "new game" button :)
-                                                       ...then, while waiting you can play against a (rather weak) bot or a friend.
+                                               p.section
+                                                       span.conditional-jump On a variant page, read the rules by clicking on the title "<Variant> rules". 
+                                                       span.conditional-jump Try playing against a human: click the leftmost "new game" button :) 
+                                                       | ...then, while waiting you can play against a (rather weak) bot or a friend.
                                                // TODO? On the index page, try typing the first letters of a variant.
                                                h3.blue.section Comments
                                                p.section.