diff --git a/client/src/views/GameInterface/tabs/styles/ChatTab.css b/client/src/views/GameInterface/tabs/styles/ChatTab.css index 57715c8..f8ee1aa 100644 --- a/client/src/views/GameInterface/tabs/styles/ChatTab.css +++ b/client/src/views/GameInterface/tabs/styles/ChatTab.css @@ -194,6 +194,9 @@ .message { font-size: 13px; line-height: 1.4; + min-height: min-content; + padding: 4px 0; + display: block; } .msg-time { @@ -214,10 +217,12 @@ .message.system .msg-text { color: #888; - word-break: break-word; + word-break: break-all; overflow-wrap: anywhere; + display: inline-block; font-style: italic; white-space: pre-wrap; + max-width: 100%; } .chat-input-area { @@ -414,3 +419,29 @@ color: #ff3e3e; text-shadow: 0 0 8px rgba(255, 62, 62, 0.4); } + +.message { + font-size: 13px; + line-height: 1.4; + min-height: min-content; + padding: 4px 0; + display: block; + word-wrap: break-word; +} + +.msg-text { + color: #fff; + word-break: break-all; + overflow-wrap: anywhere; + white-space: pre-wrap; + display: inline; +} + +.message.system .msg-author { + color: #ff3e3e; +} + +.message.system .msg-text { + color: #888; + font-style: italic; +}