Use tables and css to create the diffstat graph, fix scaling

[ps-cgit] / cgit.css

diff --git a/cgit.css b/cgit.css
index 97ae4d141a5fff5ac1ec59536273b445c1f59993..87fd00a387cbb80aa67109dc2efc0e7857eae4b6 100644 (file)
--- a/cgit.css
+++ b/cgit.css
@@ -284,9 +284,26 @@ table.diffstat td.graph {
        vertical-align: center;
 }
 
-table.diffstat td.graph img {
+table.diffstat td.graph table {
        border: none;
-       height: 8pt;
+}
+
+table.diffstat td.graph td {
+       padding: 0px;
+       border: 0px;
+       height: 7pt;
+}
+
+table.diffstat td.graph td.add {
+       background-color: #5c5;
+}
+
+table.diffstat td.graph td.rem {
+       background-color: #c55;
+}
+
+table.diffstat td.graph td.none {
+       background-color: none;
 }
 
 div.diffstat-summary {
@@ -294,19 +311,18 @@ div.diffstat-summary {
        padding-top: 0.5em;
 }
 
-table.diff th {
-       padding: 1em 0em 0.1em 0.1em;
-       text-align: left;
-}
-
 table.diff td {
-       border: solid 1px black;
        font-family: monospace;
        white-space: pre;
 }
 
+table.diff td div.head {
+       font-weight: bold;
+       padding-top: 1em;
+}
+
 table.diff td div.hunk {
-       background: #ccc;
+       color: #009;
 }
 
 table.diff td div.add {