Enable horizontal scrolling for MOTD

1 files changed, 5 insertions, 1 deletions

diff --git a/theme.css b/theme.css
index fafcff2..f448ed2 100644
--- a/theme.css
+++ b/theme.css
@@ -625,7 +625,6 @@ textarea.input {
 
 #chat .content {
     grid-area:   content;
-    overflow:    visible;
     border-left: 0;
     color:       var(--color--msg--action-fg);
 }
@@ -698,6 +697,10 @@ textarea.input {
     grid-template-areas:   "time user" "content content";
 }
 
+#chat .msg[data-type="monospace_block"] .content {
+    overflow-x: auto;
+}
+
 #chat .msg[data-type="monospace_block"] .text {
     margin-top:       calc(var(--dim--spacing) * .5);
     padding:          var(--dim--msg--pad-v) var(--dim--msg--pad-h);
@@ -706,6 +709,7 @@ textarea.input {
     color:            var(--color--msg--fg);
     font-family:      monospace;
     font-size:        15px;
+    white-space:      pre;
 }
 
 #chat .msg[data-type="notice"] .content,