From 2df1c48ab720bbba75b78265d305b891307b2d43 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Sun, 1 Oct 2023 10:38:06 +0300
Subject: [PATCH] DM header avatar: make circle and increase touch target size

---
 src/components/ChatHeader.vue        | 2 +-
 src/components/ChatHeaderPrivate.vue | 2 +-
 src/components/RoomList.vue          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index 223f760..f54610f 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -5,7 +5,7 @@
         cols="auto"
         class="chat-header-members text-start ma-0 pa-0"
       >
-        <v-avatar size="40" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
+        <v-avatar size="48" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
           <v-img v-if="roomAvatar" :src="roomAvatar" />
           <span v-else class="white--text headline">{{
             room.name.substring(0, 1).toUpperCase()
diff --git a/src/components/ChatHeaderPrivate.vue b/src/components/ChatHeaderPrivate.vue
index 956f702..762c103 100644
--- a/src/components/ChatHeaderPrivate.vue
+++ b/src/components/ChatHeaderPrivate.vue
@@ -5,7 +5,7 @@
         cols="auto"
         class="chat-header-members text-start ma-0 pa-0"
       >
-        <v-avatar size="40" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
+        <v-avatar size="48" class="clickable me-2 chat-header-avatar rounded-circle" color="grey" @click.stop="onAvatarClicked">
           <v-img v-if="privatePartyAvatar(40)" :src="privatePartyAvatar(40)" />
           <span v-else class="white--text headline">{{
             privateParty.name.substring(0, 1).toUpperCase()
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
index 20d2d8c..e1452c4 100644
--- a/src/components/RoomList.vue
+++ b/src/components/RoomList.vue
@@ -35,7 +35,7 @@
       </v-list-item>
 
       <v-list-item v-for="room in joinedRooms" :key="room.roomId" :value="room.roomId" class="room-list-room">
-        <v-list-item-avatar size="42" color="#d9d9d9">
+        <v-list-item-avatar size="42" color="#d9d9d9" :class="[{'rounded-circle': isDirect(room)}]">
           <v-img v-if="roomAvatar(room)" :src="roomAvatar(room)" />
           <span v-else class="white--text headline">{{
             room.name.substring(0, 1).toUpperCase()