X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fstyles%2F_rules.sass;h=e8f670e1d48d9b3d4cd2ef938abf1b9b7f3c2024;hb=4a2093139089632727de4f510127ef186cab528e;hp=17b10667fb1fe0dff2b31a6facdbc0876d7c3f3e;hpb=26d8a01a40dc198b633ae86f698b1ae82415e5e1;p=vchess.git

diff --git a/client/src/styles/_rules.sass b/client/src/styles/_rules.sass
index 17b10667..e8f670e1 100644
--- a/client/src/styles/_rules.sass
+++ b/client/src/styles/_rules.sass
@@ -6,24 +6,24 @@ figure.diagram-container
   .diagram
     display: block
     width: 50%
-    min-width: 240px
     margin-left: auto
     margin-right: auto
+    @media screen and (max-width: 630px)
+      width: 75%
   .diag12
     float: left
-    width: 40%
-    margin-left: calc(10% - 20px)
-    margin-right: 40px
+    width: 42%
+    margin: 0 2% 0 6%
     @media screen and (max-width: 630px)
-      float: none
-      margin: 0 auto 10px auto
+      width: 49%
+      margin: 0 1% 0 0
   .diag22
     float: left
-    width: 40%
-    margin-right: calc(10% - 20px)
+    width: 42%
+    margin: 0 6% 0 2%
     @media screen and (max-width: 630px)
-      float: none
-      margin: 0 auto
+      width: 49%
+      margin: 0 0 0 1%
   figcaption
     display: block
     clear: both
@@ -34,6 +34,11 @@ p.boxed
   background-color: #FFCC66
   padding: 5px
 
+.warning
+  background-color: lightyellow
+  color: red
+  font-weight: bold
+
 .bigfont
   font-size: 1.2em
 
@@ -65,7 +70,7 @@ ul:not(.browser-default)
 ul:not(.browser-default) > li
   list-style-type: disc
 
-table
+table.rules
   margin: 15px auto
 
 .italic