From: Benjamin Auder <benjamin.auder@somewhere>
Date: Mon, 10 Dec 2018 09:56:51 +0000 (+0100)
Subject: Improve 'help' modal style on large screens
X-Git-Url: https://git.auder.net/doc/html/css/current/img/app_dev.php?a=commitdiff_plain;h=794b8a9863358c4572726c0d89704271efcf2527;p=vchess.git

Improve 'help' modal style on large screens
---

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 77ba9aec..6f5fedfe 100644
--- 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 2a2a2d2b..6e8cc0b4 100644
--- 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 "&lt;Variant&gt; 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 "&lt;Variant&gt; 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.