Game layout: don't need 'GameTextWrapper' block.

_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; }
 

_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>