Let the listings wrap and the diff tables scroll

1 file changed, 19 insertions, 10 deletions

diff --git a/assets/cgit.css b/assets/cgit.css
index 3161102..6c1ada4 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -271,6 +271,9 @@ div#cgit #header h1.main {
   font-size: 250%;
   font-weight: normal;
   white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 div#cgit #header h1.main a {
@@ -436,6 +439,16 @@ div#cgit table.list td {
   padding: 0.3em 0.6em 0.3em 0.6em;
 }
 
+div#cgit table.list td.col-author,
+div#cgit table.list td.col-count,
+div#cgit table.list td.col-links {
+  white-space: nowrap;
+}
+
+div#cgit table.list td.clone-url {
+  overflow-wrap: anywhere;
+}
+
 div#cgit table.list td.commitgraph {
   font-family: var(--font-mono);
   white-space: pre;
@@ -839,10 +852,6 @@ div#cgit table.bin-blob td {
 
 /* Commit / tag */
 
-div#cgit table.nowrap td {
-  white-space: nowrap;
-}
-
 div#cgit table.commit-info {
   border-collapse: collapse;
   margin-top: 1.5em;
@@ -885,7 +894,6 @@ div#cgit table.commit-info th {
 div#cgit table.commit-info td {
   font-weight: normal;
   padding: 0.1em 1em 0.1em 0.1em;
-  overflow-wrap: anywhere;
 }
 
 div#cgit div.commit-subject {
@@ -1000,6 +1008,12 @@ div#cgit div.diffstat-summary {
 
 /* Unified diff */
 
+/* A scroll box beside the options float would shrink to fit the gap. */
+div#cgit div.diff-scroll {
+  clear: right;
+  overflow-x: auto;
+}
+
 div#cgit table.diff {
   width: 100%;
 }
@@ -1427,7 +1441,6 @@ div#cgit table.ssdiff td.space div {
   div#cgit #header h1.main {
     white-space: normal;
     overflow-wrap: anywhere;
-    min-width: 0;
     font-size: 190%;
   }
 
@@ -1453,10 +1466,6 @@ div#cgit table.ssdiff td.space div {
   div#cgit table.commit-info {
     width: 100%;
   }
-
-  div#cgit table.nowrap td {
-    white-space: normal;
-  }
 }
 
 @media (max-width: 380px) {