Add graphical diffstat to commit view

The diffstat is calculated against the leftmost parent of the commit. This
gives nice information for "normal" merges while octopus merges are less
than optimal, so the diffstat isn't calculated for those merges.

Signed-off-by: Lars Hjemli <hjemli@gmail.com>

1 files changed, 28 insertions, 2 deletions

diff --git a/cgit.css b/cgit.css
index cded981..b736b19 100644
--- a/cgit.css
+++ b/cgit.css
@@ -23,12 +23,19 @@ h2 {
 h3 {
         margin-top: 0em;
         font-size: 100%;
         font-weight: normal;
 }
 
+h4 {
+        margin-top: 1.5em;
+        margin-bottom: 0.1em;
+        font-size: 100%;
+        font-weight: bold;
+}
+
 a {
         color: blue;
         text-decoration: none;
 }
 
 a:hover {
@@ -224,25 +231,34 @@ div.commit-msg {
         font-family: monospace;
 }
 
 table.diffstat {
         border-collapse: collapse;
         margin-top: 1.5em;
+        width: 100%;
+        border: solid 1px #aaa;
+}
+
+table.diffstat tr:hover {
+        background-color: #eee;
 }
 
 table.diffstat th {
         font-weight: normal;
         text-align: left;
         text-decoration: underline;
         padding: 0.1em 1em 0.1em 0.1em;
         font-size: 100%;
 }
 
 table.diffstat td {
-        padding: 0.1em 1em 0.1em 0.1em;
+        padding: 0.2em 0.2em 0.1em 0.1em;
         font-size: 100%;
+        border: none;
+        border-top: solid 1px #aaa;
+        border-bottom: solid 1px #aaa;
 }
 
 table.diffstat td span.modechange {
         padding-left: 1em;
         color: red;
 }
@@ -256,13 +272,23 @@ table.diffstat td.del a {
 }
 
 table.diffstat td.upd a {
         color: blue;
 }
 
-table.diffstat td.summary {
+table.diffstat td.graph {
+        width: 75%;
+        vertical-align: center;
+}
+
+table.diffstat td.graph img {
+        border: none;
+        height: 11pt;
+}
+
+div.diffstat-summary {
         color: #888;
         padding-top: 0.5em;
 }
 
 table.diff td {
         border: solid 1px black;