Fix chain table spacing.

static/style.css

@@ -76,6 +76,10 @@ div#cv-additional {
     display: none;
 }
 
+div#cv-chain-container {
+    margin: 0 4px;
+}
+
 table#heading {
     width: 100%;
 }
@@ -109,7 +113,7 @@ table#cv-result-sources tr:nth-child(even) {
 table#cv-chain-table {
     width: 100%;
     margin-bottom: 10px;
-    border-spacing: 10px 0;
+    border-spacing: 0;
 }
 
 tr#source-row-selected {
@@ -208,6 +212,14 @@ td.cv-chain-cell {
     vertical-align: top;
 }
 
+td.cv-chain-cell:first-child {
+    padding-right: 5px;
+}
+
+td.cv-chain-cell:last-child {
+    padding-left: 5px;
+}
+
 input.cv-text {
     width: 100%;
 }

templates/index.mako

@@ -224,11 +224,13 @@
             <li>Results generated in <span class="mono">${round(result.time, 3)}</span> seconds using <span class="mono">${result.queries}</span> queries.</li>
         % endif
     </ul>
-    <table id="cv-chain-table">
-        <tr>
-            <td class="cv-chain-cell">Article: <div class="cv-chain-detail"><p>${highlight_delta(result.article_chain, result.best.chains[1] if result.best else None)}</p></div></td>
-            <td class="cv-chain-cell">Source: <div class="cv-chain-detail"><p>${highlight_delta(result.best.chains[0], result.best.chains[1]) if result.best else ""}</p></div></td>
-        </tr>
-    </table>
+    <div id="cv-chain-container">
+        <table id="cv-chain-table">
+            <tr>
+                <td class="cv-chain-cell">Article: <div class="cv-chain-detail"><p>${highlight_delta(result.article_chain, result.best.chains[1] if result.best else None)}</p></div></td>
+                <td class="cv-chain-cell">Source: <div class="cv-chain-detail"><p>${highlight_delta(result.best.chains[0], result.best.chains[1]) if result.best else ""}</p></div></td>
+            </tr>
+        </table>
+    </div>
 % endif
 <%include file="/support/footer.mako"/>