From f7204b88d498347fb9a3811f27c2b4f74738034d Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@gmail.com>
Date: Sat, 6 Sep 2014 19:11:51 -0500
Subject: [PATCH] Fix chain table spacing.

---
 static/style.css     | 14 +++++++++++++-
 templates/index.mako | 14 ++++++++------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/static/style.css b/static/style.css
index c21d18d..331705e 100644
--- a/static/style.css
+++ b/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%;
 }
diff --git a/templates/index.mako b/templates/index.mako
index 6e6764b..a3aa9ec 100644
--- a/templates/index.mako
+++ b/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"/>