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

diff --git a/client/src/styles/_rules.sass b/client/src/styles/_rules.sass
index 17b10667..2f765184 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
@@ -65,7 +65,7 @@ ul:not(.browser-default)
 ul:not(.browser-default) > li
   list-style-type: disc
 
-table
+table.rules
   margin: 15px auto
 
 .italic