margin-top: 10px
display: block
-#helpMenu
+#userMenu, #settings
@media screen and (min-width: 768px)
float: right
.info-container
// Game section:
+td.highlight-lm
+ background-color: plum
+
button.play
height: 24px
margin: 0
#fen-string
margin-top: 0
+ margin-bottom: 10px
#pgn-game
margin-top: 0
#pgn-div > a
display: none
-#fen-div > p
+//#fen-div > p
margin-left: 0
margin-right: 0
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
.mistake-newproblem
color: #663300
-#problem-solution
- display: none
-
#solution-div h3
background-color: lightgrey
padding: 3px 5px
.problem
margin: 10px 0
+
+.only-mine
+ background-color: yellow
+ &:hover
+ background-color: yellow