X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=c5e38a89e12ad4d02eeb2d1b0e47895ea3ae3436;hb=69f3d8014e594ef949792d04d97b8286e9c2c268;hp=f5599964f84e28502bc5bb065b094b731e2bddef;hpb=a5d5668613d9a3d04c9a4f8b69122d02b7322137;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index f5599964..c5e38a89 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -30,7 +30,7 @@ a#homeLink
     color: black
   a, p
     display: inline-block
-    padding: 0
+    padding: 0 3px
     border: 1px solid black;
     margin: 1px 0 0 15px
     @media screen and (max-width: 767px)
@@ -42,6 +42,7 @@ a#homeLink
     float: right
   .info-container
     p
+      padding: 0 3px
       margin: 1px 0 0 15px
 
 #flagMenu
@@ -76,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
@@ -190,9 +195,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
 
@@ -220,6 +224,9 @@ img.ghost
 .highlight
   background-color: #00cc66 !important
 
+.in-shadow
+  filter: brightness(50%)
+
 .incheck
   background-color: #cc3300 !important
 
@@ -284,7 +291,7 @@ figure.diagram-container
   .diagram
     display: block
     width: 40%
-    //min-width: 300px
+    min-width: 240px
     max-width: 800px
     margin-left: auto
     margin-right: auto
@@ -305,6 +312,7 @@ figure.diagram-container
     display: block
     clear: both
     padding-top: 5px
+    font-size: 0.8em
 
 p.boxed
   background-color: #FFCC66