Make display less ridiculous when dealing with really long URLs.

static/style.css

@@ -111,35 +111,47 @@ table#cv-form-inner {
 table#cv-result-sources {
     width: 100%;
     border-spacing: 0 4px;
+    table-layout: fixed;
 }
 
+table#cv-result-sources col:nth-child(1) { width: 80%; }
+table#cv-result-sources col:nth-child(2) { width: 10%; }
+table#cv-result-sources col:nth-child(3) { width: 10%; }
+
 table#cv-result-sources th {
     text-align: left;
 }
 
-table#cv-result-sources th:nth-child(2) {
-    padding-right: 4px;
-}
-
 table#cv-result-sources tr:nth-child(even) {
     background-color: #E0E0E0;
 }
 
+table#cv-result-sources td:first-child {
+    overflow: hidden;
+    word-break: break-all;
+}
+
 table#cv-result-head-table {
     width: 100%;
     text-align: center;
+    table-layout: fixed;
 }
 
-table#cv-result-head-table td:nth-child(odd) {
+table#cv-result-head-table col:nth-child(odd) {
     width: 42.5%;
-    font-size: 1.25em;
-    font-weight: bold;
 }
 
-table#cv-result-head-table td:nth-child(2) {
+table#cv-result-head-table col:nth-child(2) {
     width: 15%;
 }
 
+table#cv-result-head-table td:nth-child(odd) {
+    font-size: 1.25em;
+    font-weight: bold;
+    overflow: hidden;
+    word-break: break-all;
+}
+
 table#cv-result-head-table td:nth-child(2) div:nth-child(1) {
     font-weight: bold;
 }

templates/index.mako

@@ -162,6 +162,11 @@
     </div>
     <div id="cv-result" class="${'red' if result.confidence >= T_SUSPECT else 'yellow' if result.confidence >= T_POSSIBLE else 'green'}-box">
         <table id="cv-result-head-table">
+            <colgroup>
+                <col>
+                <col>
+                <col>
+            </colgroup>
             <tr>
                 <td>
                     <a href="${query.page.url}">${query.page.title | h}</a>
@@ -204,6 +209,11 @@
             <div id="sources-title">Checked Sources</div>
             % if result.sources:
                 <table id="cv-result-sources">
+                    <colgroup>
+                        <col>
+                        <col>
+                        <col>
+                    </colgroup>
                     <tr>
                         <th>URL</th>
                         <th>Confidence</th>