diff: better styling

1 files changed, 10 insertions, 3 deletions

diff --git a/diff.go b/diff.go
index 25dee8b..4a8a559 100644
--- a/diff.go
+++ b/diff.go
@@ -118,10 +118,17 @@ var tmpl = template.Must(template.New("2html").
     .diff-add, .diff-add a { color: green; }
     .diff-dat, .diff-dat a { color: blue; }
     .diff-ctx, .diff-ctx a { color: black; }
-    tr:hover td {
+    tr:hover a {
       background-color: #AAAAF3;
     }
-    a { text-decoration: none; }
+    td a {
+      text-decoration: none;
+      padding: 0.1em 0.25em;
+      display: block;
+      width: 100%;
+      height: 100%;
+      color: black;
+    }
   </style>
   <script src="sorttable.js"></script>
   <base target="_parent" />
@@ -133,7 +140,7 @@ var tmpl = template.Must(template.New("2html").
   <tr class="diff-dat"><td colspan=4>@@ -1,{{len .certsTLS}} +1,{{len .certsCrtSh}} @@</td></tr>
 {{define "Row"}}
   <tr class={{.pfix | class}}>
-    <td><a href="{{.cert | link}}">{{.pfix}}</a></td>
+    <td><a href="{{.cert | link}}">{{if eq .pfix " "}}&nbsp;{{else}}{{.pfix}}{{end}}</a></td>
     <td><a href="{{.cert | link}}">{{.cert.Subject.CommonName}}</a></td>
     <td><a href="{{.cert | link}}">{{.cert.NotBefore.Local.Format "2006-01-02 15:04:05"}}</a></td>
     <td><a href="{{.cert | link}}">{{.cert.NotAfter.Local.Format "2006-01-02 15:04:05"}}</a></td>