Chat styling

thomaserlang · Oct 30, 2024 · 659d275 · 659d275
1 parent d48ceb7
commit 659d275
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/tbot/web/ui/live_chat/components/chat.jsx b/tbot/web/ui/live_chat/components/chat.jsx
@@ -39,9 +39,9 @@ export function Chat({ channelId }) {
           <div key={index} className="message">
             {providerShort(msg.provider)}
             <span className="username" style={{ color: msg.color }}>
-              {msg.user}:
-            </span>{" "}
-            <span className="text">{msg.message}</span>
+              {msg.user}
+            </span>
+            : <span className="text">{msg.message}</span>
           </div>
         ))}
         <div ref={messagesEndRef} />

diff --git a/tbot/web/ui/live_chat/components/chat.scss b/tbot/web/ui/live_chat/components/chat.scss
@@ -31,11 +31,11 @@
 
 .username {
     font-weight: 700;
-    margin-right: 5px;
     color: #ffa600; 
 }
 
 .text {
+    margin-left: 0.25rem;
     color: #ffffff;
     word-wrap: break-word;
     line-height: 1.4;