Make the design a tad more responsive, courtesy of Mia.
authorSteinar H. Gunderson <sgunderson@bigfoot.com>
Mon, 18 Nov 2013 22:27:22 +0000 (23:27 +0100)
committerSteinar H. Gunderson <sgunderson@bigfoot.com>
Mon, 18 Nov 2013 22:27:22 +0000 (23:27 +0100)
www/css/remoteglot.css
www/index.html

index d7592b9..6cd931a 100644 (file)
@@ -1,6 +1,10 @@
 body {
        font-family: sans-serif;
 }
+h3 {
+       margin-top: 1em;
+       margin-bottom: 0;
+}
 .window {
        position: absolute;    
        width: 0px;
@@ -53,3 +57,14 @@ p {
 .black-3c85d.nonuglyhighlight {
        background-color: #9ab6a6;
 }
+#board {
+       display: block;
+       float: left;
+       width: 400px;
+       height: 400px;
+}
+#analysis {
+       display: block;
+       min-width: 400px;
+       overflow: hidden;
+}
index a22c6c0..887ef4b 100644 (file)
 </head>
 <body>
 <h1 id="headline">Analysis</h1>
-<table>
-<tr>
-<td>
-<div id="board" style="width: 400px"></div>
-</td>
-<td>
+<div id="board"></div>
+<div id="analysis">
   <p id="score">Score:</p>
   <p><strong>PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
-  <h3 style="margin-top: 1em; margin-bottom: 0;">Shallow search of all legal moves (multi-PV)</h3>
-  <table id="refutationlines">
-  </table>
-</td>
-</tr>
-</table>
-<h2>Symbol explanation</h2>
+  <h3>Shallow search of all legal moves (multi-PV)</h3>
+  <table id="refutationlines"></table>
+</div>
+<h2 style="clear: both;">Symbol explanation</h2>
 <ul>
   <li><strong>Score:</strong> 1.00 is the value of one pawn (in the opening). Positive values are better for white.</li>
   <li><strong>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>