diff --git a/frontend/lib/chat.mjs b/frontend/lib/chat.mjs index d7e225d..3888787 100644 --- a/frontend/lib/chat.mjs +++ b/frontend/lib/chat.mjs @@ -273,12 +273,10 @@ const printChatMessage = (eventType, user, colour, content) => { if (user != null) { const userName = document.createElement("strong"); userName.style = `--user-color: #${colour}`; - userName.textContent = user; + userName.textContent = user + " "; chatMessage.appendChild(userName); } - chatMessage.appendChild(document.createTextNode(" ")); - if (content != null) { chatMessage.appendChild(content); } diff --git a/frontend/styles.css b/frontend/styles.css index a736993..750bdb2 100644 --- a/frontend/styles.css +++ b/frontend/styles.css @@ -292,6 +292,7 @@ button.small-button { display: flex; align-items: center; justify-content: center; + overflow: hidden; } .emoji-option.selected {