From 2ead076d95e2d5089dc57abe34db290d3725f38d Mon Sep 17 00:00:00 2001
From: vonavi <ivvl82@gmail.com>
Date: Wed, 16 Apr 2014 16:55:32 +0300
Subject: [PATCH] Game layout: don't need 'GameTextWrapper' block.

---
 _assets/stylesheets/less/pgn4web.less | 15 ++++++---------
 _layouts/game.html                    |  4 +---
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/_assets/stylesheets/less/pgn4web.less b/_assets/stylesheets/less/pgn4web.less
index f08e54a..0771860 100644
--- a/_assets/stylesheets/less/pgn4web.less
+++ b/_assets/stylesheets/less/pgn4web.less
@@ -36,30 +36,27 @@ body, html { height: 100%; }
 
 @tableBorder: 1px solid #ddd;
 
-#GameTextWrapper {
+#GameText {
   position: absolute;
   top: 0;
   bottom: 0;
   left: @boardSize + 10px;
 
   display: block;
-  width: 180px;
+  width: 170px;
   overflow-y: auto;
 }
-#GameText {
-  display: table;
-  border-left: @tableBorder;
-  #ShowPgnText > :nth-child(-n+4) { border-top: @tableBorder; }
+#ShowPgnText {
+  > * { float: left; }
+  > *:nth-child(-n+4) { border-top: @tableBorder; }
+  > *:nth-child(5n+1) { border-left: @tableBorder; }
   .move {
-    display: table-cell;
-    float: left;
     border-bottom: @tableBorder;
     border-right: @tableBorder;
     text-align: center;
   }
   span.move { width: 40px; }
   a.move { width: 50px; }
-  .variation { float: left; }
 }
 .moveOn, .variationOn { background-color: #ccc; }
 
diff --git a/_layouts/game.html b/_layouts/game.html
index 573efb2..282df3e 100644
--- a/_layouts/game.html
+++ b/_layouts/game.html
@@ -19,9 +19,7 @@ layout: default
     <p></p>
     <div id="GameButtons"></div>
 
-    <div id="GameTextWrapper">
-      <div id="GameText"></div>
-    </div>
+    <div id="GameText"></div>
   </div>
 
   <p></p>