style updates to message-only

webroot/js/chat/chat-input.js

@@ -66,6 +66,8 @@ export default class ChatInput extends Component {
           custom: json,
           initialCategory: 'custom',
           showPreview: false,
+          emojiSize: '30px',
+          emojisPerRow: 6,
           position: 'top'
         });
         this.emojiPicker.on('emoji', emoji => {

webroot/js/chat/chat.js

@@ -182,7 +182,7 @@ export default class Chat extends Component {
     if (messagesOnly) {
       return (
         html`
-          <div id="messages-container" class="messages-only">
+          <div id="messages-container">
             ${messageList}
           </div>
       `);

webroot/js/chat/message.js

@@ -28,7 +28,7 @@ export default class Message extends Component {
               <img src=${avatar} />
             </div>
             <div class="message-content">
-              <p class="message-author text-white font-bold">${author}</p>
+              <p class="message-author text-white font-bold" style=${authorTextColor}>${author}</p>
               <div
                 class="message-text text-gray-400 font-thin"
                 dangerouslySetInnerHTML=${