X-Git-Url: https://git.auder.net/?p=xogo.git;a=blobdiff_plain;f=common.css;fp=common.css;h=5fee7efb362690544c2af463a988a19e37bbc8e2;hp=cdfbc7a809b77aa76568be564f84757072399dcb;hb=2c8375bb77dda7cbeaee983a09e202436be2191c;hpb=90d128509cb2184cfc86bf13f9f6496704be237a

diff --git a/common.css b/common.css
index cdfbc7a..5fee7ef 100644
--- a/common.css
+++ b/common.css
@@ -180,6 +180,14 @@ main > div {
   padding: 0 10px;
   overflow: auto;
 }
+.full-rules figure.show-pieces {
+  max-width: 90%;
+  text-align: center;
+  margin: 0 auto;
+}
+.full-rules figure.show-pieces > img {
+  max-width: 100px;
+}
 .full-rules > div {
   margin-bottom: 20px;
 }
@@ -234,6 +242,16 @@ piece.mark.transparent {
 .full-rules .right {
   float: right;
 }
+@media screen and (max-width: 550px) {
+  .full-rules .left {
+    float: none;
+    margin-bottom: 10px;
+  }
+  .full-rules .right {
+    float: none;
+    margin-top: 10px;
+  }
+}
 .full-rules figcaption {
   display: block;
   text-align: center;
@@ -350,8 +368,6 @@ piece.mark.transparent {
 .chessboard {
   position: absolute;
   cursor: pointer;
-  min-width: 200px;
-  min-height: 200px;
 }
 piece {
   position: absolute;