Break words of inline code tags

This prevents long code tag from extending the viewport on mobile, causing horizontal scrolling.
jeremyevans · Jul 4, 2023 · 3ef1359 · 3ef1359
1 parent 50c2375
commit 3ef1359
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/lib/hanna-nouveau/template_files/styles.css b/lib/hanna-nouveau/template_files/styles.css
@@ -202,6 +202,7 @@ div.header {
     font: 14px Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
     background: #ffffe3;
     padding: 2px 3px;
+    overflow-wrap: break-word;
     line-height: 1.4; }
   #content h1 code, #content h1 tt, #content h2 code, #content h2 tt, #content h3 code, #content h3 tt, #content h4 code, #content h4 tt, #content h5 code, #content h5 tt, #content h6 code, #content h6 tt {
     font-size: 1.1em; }