From 43b7511cbc751fcf61318a1b0ceed695008401bb Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Sun, 25 Oct 2026 12:04:50 -1000
Subject: Stack the commit details on narrow screens

Below 900 pixels the name, address and date of an author or committer
shared one row with the diff options beside it, so each wrapped into a
sliver and the name dropped below its label. Each value now stacks
under its label at those widths.
---
 assets/cgit.css | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

(limited to 'assets/cgit.css')

diff --git a/assets/cgit.css b/assets/cgit.css
index 8c6f7a4..bb4963f 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -1335,6 +1335,29 @@ div#cgit table.ssdiff td.space {
   div#cgit table.list td.col-author {
     display: none;
   }
+
+  div#cgit table.commit-info,
+  div#cgit table.commit-info tbody {
+    display: block;
+  }
+
+  div#cgit table.commit-info tr {
+    display: grid;
+    grid-template-columns: 8.5em minmax(0, 1fr);
+  }
+
+  div#cgit table.commit-info td {
+    grid-column: 2;
+  }
+
+  div#cgit table.commit-info td.right {
+    text-align: left;
+  }
+
+  div#cgit table.commit-info div.spanning {
+    width: auto;
+    white-space: normal;
+  }
 }
 
 @media (max-width: 640px) {
@@ -1415,12 +1438,4 @@ div#cgit table.ssdiff td.space {
     margin-left: 0;
   }
 
-  div#cgit table.commit-info {
-    width: 100%;
-  }
-
-  div#cgit table.commit-info div.spanning {
-    width: auto;
-    white-space: normal;
-  }
 }
-- 
cgit 2.9.2