Tweaks to tables to handle commit graph

1 files changed, 31 insertions, 21 deletions

diff --git a/cgit.css b/cgit.css
index 525187b..e1ce0ce 100644
--- a/cgit.css
+++ b/cgit.css
@@ -89,7 +89,7 @@ body {
     outline: none;
 }
 
-#cgit .list > tbody > tr > th {
+#cgit .list th {
     background-color: #E6F1F6; 
     border-bottom: 1px solid #C5D5DD;
     border-top: 1px solid #C5D5DD;
@@ -97,59 +97,65 @@ body {
     color: #3A505B;
 }
 
-#cgit .list > tbody > tr > td {
-    padding: 0.1em 1em;
-    /* border-top: 1px solid #E2EAEE;
-    border-bottom: 1px solid #E2EAEE; */
+#cgit .list td {
+    padding: 0 1em;
+}
+
+#cgit .list[summary="repository info"] tr:nth-child(2n+1) > td {
+    background-color: #F7FBFC;
 }
 
-#cgit .list > tbody > tr:nth-child(2n+1) > td {
+#cgit .list[summary="tree listing"] tr:nth-child(2n+1) > td {
     background-color: #F7FBFC;
 }
 
-#cgit .list > tbody > tr > th:first-child,
-#cgit .list > tbody > tr > td:first-child {
+#cgit .list th:first-child,
+#cgit .list td:first-child {
     border-left: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr > th:last-child,
-#cgit .list > tbody > tr > td:last-child {
+#cgit .list th:last-child,
+#cgit .list td:last-child {
     border-right: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr.nohover + tr:not(.nohover) > td {
+#cgit .list[summary="repository info"] tr.nohover + tr:not(.nohover) > td {
     border-top: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr:hover > td {
+#cgit .list tr:hover > td {
     background-color: #FCFCE2;
 }
 
-#cgit .list > tbody > tr:not(.nohover) + tr.nohover {
+#cgit .list[summary="repository info"] tr:not(.nohover) + tr.nohover {
     border-top: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr.nohover:last-of-type {
-    border-top: none !important;
-}
-
-#cgit .list > tbody > tr:last-of-type {
+#cgit .list[summary="repository info"] tr:last-of-type {
     border-bottom: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr.nohover {
+#cgit .list[summary="repository info"] tr.nohover {
     border-bottom: none;
 }
 
-#cgit .list > tbody > tr.nohover:last-of-type > td {
+#cgit .list[summary="repository info"] tr:last-of-type > td {
     border-top: 1px solid #C5D5DD;
 }
 
-#cgit .list > tbody > tr.nohover > td {
+#cgit .list[summary="repository info"] tr.nohover > td {
     background: transparent;
     border: none;
 }
 
+#cgit .list tr:last-child {
+    border-bottom: 1px solid #C5D5DD;
+}
+
+#cgit .list .commitgraph {
+    white-space: nowrap;
+    font-family: "Source Code Pro";
+}
 
 #cgit .cgit-panel {
     float: right
@@ -253,6 +259,10 @@ body {
     background: white;
 }
 
+#cgit .tabs a:first-child {
+    margin: 0 0.2em 0 0;
+}
+
 #cgit .tabs .active {
     border-bottom: 4px solid white !important;
     border-left: 1px solid #eee;