1 file changed, 21 insertions, 4 deletions
diff --git a/assets/cgit.css b/assets/cgit.css
index dbd807c..540480c 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -127,6 +127,13 @@ div#cgit table {
   border-collapse: collapse;
 }
 
+div#cgit code,
+div#cgit kbd,
+div#cgit pre,
+div#cgit samp {
+  font-family: var(--font-mono);
+}
+
 div#cgit select,
 div#cgit input {
   font-family: inherit;
@@ -448,7 +455,6 @@ div#cgit div#about pre {
 div#cgit pre.plaintext {
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-  font-family: var(--font-mono);
   line-height: 1.5;
   margin: 0;
 }
@@ -642,7 +648,20 @@ div#cgit table.blob td.linenumbers {
 div#cgit table.blob pre {
   padding: 0;
   margin: 0;
-  font-family: var(--font-mono);
+}
+
+/*
+ * The code is set exactly like the line numbers beside it, since in another
+ * font or size each line can come out taller than its number.
+ */
+div#cgit table.blob code {
+  font: inherit;
+}
+
+div#cgit span.escape {
+  color: var(--muted);
+  outline: 1px dashed var(--border-mid);
+  outline-offset: -1px;
 }
 
 div#cgit table.blob td.linenumbers a,
@@ -676,7 +695,6 @@ div#cgit table.blame {
 div#cgit div.line-hl {
   position: absolute;
   left: 0;
-  right: 0;
   background: var(--line-hl);
   pointer-events: none;
 }
@@ -744,7 +762,6 @@ div#cgit table.blame td.lines > div > pre {
   padding: 0 0 0 0.5em;
   position: absolute;
   top: 0;
-  font-family: var(--font-mono);
 }
 
 div#cgit table.blame .oid {