From 018d6ca1b5e82cf7fc774ea264a365d87e85a9b2 Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Sun, 25 Oct 2026 12:44:00 -1000
Subject: Let a commit's labels wrap apart from its subject

The labels sat flush against the subject's last word, which made the
two one unbreakable run, so a narrow cell stranded a word on its own
line. A space now precedes each label and carries its gap, and a line
that breaks there drops it, so a wrapped label starts flush.
---
 assets/cgit.css | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'assets/cgit.css')

diff --git a/assets/cgit.css b/assets/cgit.css
index fb2adfc..9e928f8 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -1119,6 +1119,10 @@ div#cgit .footer a:hover {
   text-decoration: underline;
 }
 
+div#cgit span.decoration {
+  word-spacing: 0.23em;
+}
+
 div#cgit a.branch-deco,
 div#cgit a.tag-deco,
 div#cgit a.tag-annotated-deco,
@@ -1129,7 +1133,7 @@ div#cgit a.deco {
 
 div#cgit a.branch-deco {
   color: var(--deco-fg);
-  margin: 0 0.5em;
+  margin: 0 0.5em 0 0;
   padding: 0 0.25em;
   background-color: var(--branch-bg);
   border: solid 1px var(--branch-bd);
@@ -1138,7 +1142,7 @@ div#cgit a.branch-deco {
 
 div#cgit a.tag-deco {
   color: var(--deco-fg);
-  margin: 0 0.5em;
+  margin: 0 0.5em 0 0;
   padding: 0 0.25em;
   background-color: var(--tag-bg);
   border: solid 1px var(--tag-bd);
@@ -1147,7 +1151,7 @@ div#cgit a.tag-deco {
 
 div#cgit a.tag-annotated-deco {
   color: var(--deco-fg);
-  margin: 0 0.5em;
+  margin: 0 0.5em 0 0;
   padding: 0 0.25em;
   background-color: var(--tag-ann-bg);
   border: solid 1px var(--tag-ann-bd);
@@ -1156,7 +1160,7 @@ div#cgit a.tag-annotated-deco {
 
 div#cgit a.remote-deco {
   color: var(--deco-fg);
-  margin: 0 0.5em;
+  margin: 0 0.5em 0 0;
   padding: 0 0.25em;
   background-color: var(--remote-bg);
   border: solid 1px var(--remote-bd);
@@ -1165,7 +1169,7 @@ div#cgit a.remote-deco {
 
 div#cgit a.deco {
   color: var(--deco-fg);
-  margin: 0 0.5em;
+  margin: 0 0.5em 0 0;
   padding: 0 0.25em;
   background-color: var(--head-bg);
   border: solid 1px var(--head-bd);
@@ -1177,10 +1181,13 @@ div#cgit div.commit-subject a.tag-deco,
 div#cgit div.commit-subject a.tag-annotated-deco,
 div#cgit div.commit-subject a.remote-deco,
 div#cgit div.commit-subject a.deco {
-  margin-left: 1em;
   font-size: 80%;
 }
 
+div#cgit div.commit-subject span.decoration {
+  word-spacing: 0.55em;
+}
+
 div#cgit table.stats {
   border: solid 1px var(--border-strong);
   display: block;
-- 
cgit 2.9.2