Row highlight; fix padding; title.

static/style.css

@@ -61,6 +61,12 @@ div#sources-container {
     border: 1px solid #BBB;
 }
 
+div#sources-title {
+    margin-bottom: -5px;
+    text-align: center;
+    font-weight: bold;
+}
+
 div#cv-additional {
     padding-bottom: 5px;
     display: none;
@@ -88,6 +94,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;
 }
@@ -98,6 +108,10 @@ table#cv-chain-table {
     border-spacing: 10px 0;
 }
 
+tr#source-row-selected {
+    background-color: #CFCFCF;
+}
+
 td#head-settings {
     text-align: right;
 }

templates/index.mako

@@ -165,6 +165,7 @@
     <% skips = False %>
     % if query.action == "search":
         <div id="sources-container">
+            <div id="sources-title">Checked Sources</div>
             <table id="cv-result-sources">
                 <tr>
                     <th>URL</th>
@@ -172,7 +173,7 @@
                     <th>Compare</th>
                 </tr>
                 % for i, source in enumerate(result.sources):
-                    <tr ${'class="source-default-hidden"' if i >= 10 else ""}>
+                    <tr ${'class="source-default-hidden"' if i >= 10 else 'id="source-row-selected"' if i == 0 else ""}>
                         <td><a ${'id="source-selected"' if i == 0 else ""} href="${source.url | h}">${source.url | h}</a></td>
                         <td>
                             % if source.skipped: