From 659d2759237f69cebd604b1c4dc891434393bd2e Mon Sep 17 00:00:00 2001
From: Thomas Erlang <thomas@erlang.dk>
Date: Wed, 30 Oct 2024 20:14:42 +0100
Subject: [PATCH] Chat styling

---
 tbot/web/ui/live_chat/components/chat.jsx  | 6 +++---
 tbot/web/ui/live_chat/components/chat.scss | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/tbot/web/ui/live_chat/components/chat.jsx b/tbot/web/ui/live_chat/components/chat.jsx
index 2d7bd2b..6beaadf 100644
--- 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
index e96b960..ce8aa1e 100644
--- 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;