From: Benjamin Auder <benjamin.auder@somewhere>
Date: Mon, 19 Nov 2018 13:31:29 +0000 (+0100)
Subject: Basic style improve (for smartphones)
X-Git-Url: https://git.auder.net/pieces/doc/screen_ranking.png?a=commitdiff_plain;h=6a01d4f7761b10e715799d1f13b9c8d2442dba55;p=vchess.git

Basic style improve (for smartphones)
---

diff --git a/TODO b/TODO
index 7ed21c6d..a51301d2 100644
--- a/TODO
+++ b/TODO
@@ -1,4 +1,3 @@
-Styles must be improved (full width for smartphones, ...)
 PGN text is not selectable (understand why?!)
 Change cursor when computer "think" (sablier)
 Tooltip text should fade (even when mouse stay on it, especially for small screens)
diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 24875234..f46fca5d 100644
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -7,10 +7,6 @@
   a
     color: #663300
 
-@media screen and (min-width: 800px)
-  .card
-    max-width: 600px
-
 .help
   cursor: pointer
 
diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 8a262609..18bd1cf1 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -3,7 +3,11 @@ html, *
   font-family: "Open Sans", Arial, sans-serif
 
 body
-  padding: 1%
+  padding: 1% 0
+
+@media screen and (min-width: 800px)
+  .card
+    max-width: 600px
 
 a
   color: #00B7FF
diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 6a8da838..b2c678a3 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,6 +1,19 @@
 .container#variantPage
   padding: 0
 
+//.container#variantPage > .row > div
+@media screen and (max-width: 767px)
+  .col-sm-12
+    padding: 0
+
+@media screen and (max-width: 767px)
+  h4
+    margin: 0 0 10px 0
+  p
+    margin-left: 0
+    margin-right: 0
+    padding: 0 3px
+
 .warn
   padding: 3px
   color: red