From 428c6897ccde92aee0c4eca003e834bff4e90de5 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Tue, 18 Jan 2022 18:26:56 +0100
Subject: [PATCH] Avatar fixed size with rounded corner

---
 qortal-ui-plugins/plugins/core/components/ChatPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/qortal-ui-plugins/plugins/core/components/ChatPage.js b/qortal-ui-plugins/plugins/core/components/ChatPage.js
index 95b7920b..83a46469 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatPage.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatPage.js
@@ -83,6 +83,10 @@ class ChatPage extends LitElement {
         .float-left {
             float: left;
         }
+
+        img {
+            border-radius: 25%;
+        }
         `
     }
 
@@ -236,7 +240,7 @@ class ChatPage extends LitElement {
                     <span class="message-data-name">${messageObj.senderName ? messageObj.senderName : messageObj.sender}</span>
                     <span class="message-data-time"><message-time timestamp=${messageObj.timestamp}></message-time></span>
                 </div>
-                <div class="message-data-avatar" style="width:40px; ${messageObj.sender === this.selectedAddress.address ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
+                <div class="message-data-avatar" style="width:42px; height:42px; ${messageObj.sender === this.selectedAddress.address ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
                 <div class="message ${messageObj.sender === this.selectedAddress.address ? "my-message float-right" : "other-message float-left"}">${this.emojiPicker.parse(escape(messageObj.decodedMessage))}</div>
             </li>
         `