Added avatars before identity nicknames in the chat-room join selection.

webui-src/app/chat/chat.js

@@ -1126,7 +1126,14 @@ const ChatRoomJoinView = () => {
                 '.identity-card',
                 { onclick: () => ChatLobbyModel.enterPublicLobby(lobbyHexId, nick) },
                 [
-                  m('.identity-name', rs.userList.username(nick) || nick),
+                  m('.identity-card__identity', [
+                    m(peopleUtil.IdentityAvatar, {
+                      identityId: nick,
+                      name: rs.userList.username(nick) || nick,
+                      size: 36,
+                    }),
+                    m('.identity-name', rs.userList.username(nick) || nick),
+                  ]),
                   m('i.fas.fa-sign-in-alt'),
                 ]
               )

webui-src/app/scss/pages/_chat.scss

@@ -814,10 +814,26 @@ textarea.chatMsg {
     border-color: #3ba4d7;
   }
 
+  &__identity {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    gap: 0.65rem;
+
+    > .avatar,
+    > .jdenticon-avatar,
+    > .defaultAvatar {
+      margin-right: 0 !important;
+    }
+  }
+
   .identity-name {
+    overflow: hidden;
     font-size: 0.95rem;
     font-weight: 600;
     color: #334155;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   i {