X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=df26d584dbe118d3c874fe4d5687374bbebcd518;hb=0596f5e7f9a87acbb13445f1bb93e803e9f5ea3c;hp=ecb1bc9c05b21f6f84d1913a806feddf2ec877c6;hpb=673c88b7ee0d08bef7cd92c7c88fd6cdc2e1649c;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index ecb1bc9c..df26d584 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -77,6 +77,10 @@ button.play.spaceleft
   margin-left: 15px
 button.play.spaceright
   margin-right: 15px
+button.play.big-spaceleft
+  margin-left: 25px
+button.play.big-spaceright
+  margin-right: 25px
 
 .aboveboard-wrapper
   width: 80vh
@@ -157,10 +161,6 @@ div.board8
   width: 12.5%
   padding-bottom: 12.5%
 
-div.board8-reserve
-  width: 10%
-  padding-bottom: 10%
-
 div.board10
   width: 10%
   padding-bottom: 10%
@@ -191,9 +191,8 @@ div.board11
     background-color: #e6ee9c
     &:hover
       background-color: skyblue
-    .choice-piece
-      width: 90%
-      max-width: 100%
+    &.choice-piece
+      width: 100%
       height: auto
       display: block
 
@@ -221,6 +220,9 @@ img.ghost
 .highlight
   background-color: #00cc66 !important
 
+.in-shadow
+  filter: brightness(50%)
+
 .incheck
   background-color: #cc3300 !important
 
@@ -286,26 +288,26 @@ figure.diagram-container
     display: block
     width: 40%
     min-width: 240px
-    max-width: 800px
     margin-left: auto
     margin-right: auto
   .diag12
     float: left
     margin-left: calc(10% - 20px)
     margin-right: 40px
-    @media screen and (max-width: 500px)
+    @media screen and (max-width: 630px)
       float: none
       margin: 0 auto 10px auto
   .diag22
     float: left
     margin-right: calc(10% - 20px)
-    @media screen and (max-width: 500px)
+    @media screen and (max-width: 630px)
       float: none
       margin: 0 auto
   figcaption
     display: block
     clear: both
     padding-top: 5px
+    font-size: 0.8em
 
 p.boxed
   background-color: #FFCC66