From d0745de647740991928c1512856c6fb52d42ca0d Mon Sep 17 00:00:00 2001
From: vonavi <ivvl82@gmail.com>
Date: Sun, 13 Apr 2014 12:21:58 +0300
Subject: [PATCH] Place each variation on a separate line within the comment of
 move.

---
 _assets/stylesheets/less/pgn4web.less | 67 +++++++++++++++++----------
 1 file changed, 42 insertions(+), 25 deletions(-)

diff --git a/_assets/stylesheets/less/pgn4web.less b/_assets/stylesheets/less/pgn4web.less
index bd9627b..f08e54a 100644
--- a/_assets/stylesheets/less/pgn4web.less
+++ b/_assets/stylesheets/less/pgn4web.less
@@ -1,11 +1,41 @@
-@squareSize: 56px;
-@boardBorderWidth: 4px;
-@boardSize: 8 * @squareSize + 2 * @boardBorderWidth;
-@tableBorder: 1px solid #ddd;
+/* Enable the scrolling of chess board up to the page top */
 
 body, html { height: 100%; }
 #GameWrapper { min-height: 100%; }
 #GameBoardWrapper { position: relative; }
+
+
+/* Chess board */
+
+@squareSize: 56px;
+@boardBorderWidth: 4px;
+@boardSize: 8 * @squareSize + 2 * @boardBorderWidth;
+
+.boardTable {
+  width: @boardSize;
+  height: @boardSize;
+  border: @boardBorderWidth solid #663300;
+}
+.whiteSquare, .blackSquare {
+  width: @squareSize;
+  height: @squareSize;
+}
+.pieceImage {
+  height: @squareSize;
+  width: @squareSize;
+}
+.whiteSquare, .highlightWhiteSquare {
+  background: #ffcc99;
+}
+.blackSquare, .highlightBlackSquare {
+  background: #cc9966;
+}
+
+
+/* PGN notation of chess game */
+
+@tableBorder: 1px solid #ddd;
+
 #GameTextWrapper {
   position: absolute;
   top: 0;
@@ -31,25 +61,12 @@ body, html { height: 100%; }
   a.move { width: 50px; }
   .variation { float: left; }
 }
-
-.boardTable {
-  width: @boardSize;
-  height: @boardSize;
-  border: @boardBorderWidth solid #663300;
-}
-.whiteSquare, .blackSquare {
-  width: @squareSize;
-  height: @squareSize;
-}
-.pieceImage {
-  height: @squareSize;
-  width: @squareSize;
-}
-
-.whiteSquare, .highlightWhiteSquare {
-  background: #FFCC99;
-}
-.blackSquare, .highlightBlackSquare {
-  background: #CC9966;
-}
 .moveOn, .variationOn { background-color: #ccc; }
+
+
+/* Comment of a chess-game move */
+
+#GameMoveComment .comment:not(:first-child):before {
+  content: '\a';
+  white-space: pre;
+}