From 9349089bf3cd8f6d6834ae954a58e799f0f0f385 Mon Sep 17 00:00:00 2001
From: gbl08ma <gbl08ma@gmail.com>
Date: Sat, 3 Sep 2022 21:48:47 +0100
Subject: [PATCH] Always set explicit widths on monKeys

---
 app/src/ChatMessageDetails.svelte                   | 2 +-
 app/src/Navbar.svelte                               | 2 +-
 app/src/QueueEntryDetails.svelte                    | 2 +-
 app/src/QueueEntryHeaderDocument.svelte             | 2 +-
 app/src/QueueEntryHeaderSoundCloud.svelte           | 2 +-
 app/src/QueueEntryHeaderYouTube.svelte              | 2 +-
 app/src/UserProfile.svelte                          | 2 +-
 app/src/tableitems/UserBanTableItem.svelte          | 2 +-
 app/src/tableitems/UserCellRepresentation.svelte    | 2 +-
 app/src/tableitems/UserVerificationTableItem.svelte | 2 +-
 10 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/src/ChatMessageDetails.svelte b/app/src/ChatMessageDetails.svelte
index 73059b2b..b6e67aae 100644
--- a/app/src/ChatMessageDetails.svelte
+++ b/app/src/ChatMessageDetails.svelte
@@ -64,7 +64,7 @@
                 src={buildMonKeyURL(msg.getUserMessage().getAuthor().getAddress())}
                 alt="&nbsp;"
                 title="monKey for this user's address"
-                class="h-20"
+                class="h-20 w-20"
             />
             <div class="flex-grow overflow-x-hidden">
                 {#if msg.getUserMessage().getAuthor().hasNickname()}
diff --git a/app/src/Navbar.svelte b/app/src/Navbar.svelte
index f901dfd3..a18e29fa 100644
--- a/app/src/Navbar.svelte
+++ b/app/src/Navbar.svelte
@@ -117,7 +117,7 @@
                                 src={buildMonKeyURL(rAddress)}
                                 alt="&nbsp;"
                                 title="MonKey for your address"
-                                class="h-9"
+                                class="h-9 w-9"
                                 style="margin-top: -3px;"
                             />
                             <div class="flex flex-col">
diff --git a/app/src/QueueEntryDetails.svelte b/app/src/QueueEntryDetails.svelte
index b67d0fac..4b987635 100644
--- a/app/src/QueueEntryDetails.svelte
+++ b/app/src/QueueEntryDetails.svelte
@@ -146,7 +146,7 @@
                 src={buildMonKeyURL(requestedBy.getAddress())}
                 alt="&nbsp;"
                 title="monKey for this user's address"
-                class="h-20"
+                class="h-20 w-20"
             />
             <div class="flex-grow">
                 {#if requestedBy.hasNickname()}
diff --git a/app/src/QueueEntryHeaderDocument.svelte b/app/src/QueueEntryHeaderDocument.svelte
index b30021a2..5c2280e6 100644
--- a/app/src/QueueEntryHeaderDocument.svelte
+++ b/app/src/QueueEntryHeaderDocument.svelte
@@ -43,7 +43,7 @@
             Enqueued by <img
                 src={buildMonKeyURL(entry.getRequestedBy().getAddress())}
                 alt="&nbsp;"
-                class="inline h-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
+                class="inline h-7 w-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
             />
             <span
                 class="{entry.getRequestedBy().hasNickname()
diff --git a/app/src/QueueEntryHeaderSoundCloud.svelte b/app/src/QueueEntryHeaderSoundCloud.svelte
index 3c7b6f4b..e4556131 100644
--- a/app/src/QueueEntryHeaderSoundCloud.svelte
+++ b/app/src/QueueEntryHeaderSoundCloud.svelte
@@ -58,7 +58,7 @@
             Enqueued by <img
                 src={buildMonKeyURL(entry.getRequestedBy().getAddress())}
                 alt="&nbsp;"
-                class="inline h-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
+                class="inline h-7 w-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
             />
             <span
                 class="{entry.getRequestedBy().hasNickname()
diff --git a/app/src/QueueEntryHeaderYouTube.svelte b/app/src/QueueEntryHeaderYouTube.svelte
index 70fd36e3..4aecb54a 100644
--- a/app/src/QueueEntryHeaderYouTube.svelte
+++ b/app/src/QueueEntryHeaderYouTube.svelte
@@ -74,7 +74,7 @@
             Enqueued by <img
                 src={buildMonKeyURL(entry.getRequestedBy().getAddress())}
                 alt="&nbsp;"
-                class="inline h-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
+                class="inline h-7 w-7 -ml-1 -mt-4 -mb-3 -mr-1 cursor-pointer"
             />
             <span
                 class="{entry.getRequestedBy().hasNickname()
diff --git a/app/src/UserProfile.svelte b/app/src/UserProfile.svelte
index be83d1c6..6e42311f 100644
--- a/app/src/UserProfile.svelte
+++ b/app/src/UserProfile.svelte
@@ -137,7 +137,7 @@
 <div class="flex flex-col justify-center bg-gray-300 dark:bg-gray-700 text-black dark:text-white rounded-t-lg">
     <div class="flex flex-row p-2 pr-12 overflow-x-hidden">
         <div class="relative h-28">
-            <img src={buildMonKeyURL(userAddress)} alt="&nbsp;" title="monKey for this user's address" class="h-28" />
+            <img src={buildMonKeyURL(userAddress)} alt="&nbsp;" title="monKey for this user's address" class="h-28 w-28" />
             <div class="absolute bottom-1 right-1/4">
                 {#if userStatus == UserStatus.USER_STATUS_OFFLINE}
                     <i class="fas fa-dot-circle text-gray-600 dark:text-gray-500" title="Disconnected" />
diff --git a/app/src/tableitems/UserBanTableItem.svelte b/app/src/tableitems/UserBanTableItem.svelte
index e1113e38..4a177212 100644
--- a/app/src/tableitems/UserBanTableItem.svelte
+++ b/app/src/tableitems/UserBanTableItem.svelte
@@ -62,7 +62,7 @@
         class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap pb-4 pt-1 text-gray-700 dark:text-white font-mono cursor-pointer"
         on:click={() => openUserProfile(ban.getAddress())}
     >
-        <img src={buildMonKeyURL(ban.getAddress())} alt="&nbsp;" title="" class="inline h-7 -ml-1 -mt-4 -mb-3" />
+        <img src={buildMonKeyURL(ban.getAddress())} alt="&nbsp;" title="" class="inline h-7 w-7 -ml-1 -mt-4 -mb-3" />
         <span class="font-mono">{ban.getAddress().substring(0, 14)} </span>
     </td>
     <td
diff --git a/app/src/tableitems/UserCellRepresentation.svelte b/app/src/tableitems/UserCellRepresentation.svelte
index 212fc09c..1d087364 100644
--- a/app/src/tableitems/UserCellRepresentation.svelte
+++ b/app/src/tableitems/UserCellRepresentation.svelte
@@ -19,7 +19,7 @@
 <span on:click={openProfile} class="cursor-pointer">
     <VisibilityGuard divClass="inline" let:visible>
         {#if visible}
-            <img src={buildMonKeyURL(user.getAddress())} alt="&nbsp;" title="" class="inline h-7 -ml-1 -mt-4 -mb-3" />
+            <img src={buildMonKeyURL(user.getAddress())} alt="&nbsp;" title="" class="inline h-7 w-7 -ml-1 -mt-4 -mb-3" />
         {:else}
             <div class="inline-block h-7 w-7 -ml-1 -mt-4 -mb-3" />
         {/if}
diff --git a/app/src/tableitems/UserVerificationTableItem.svelte b/app/src/tableitems/UserVerificationTableItem.svelte
index 25a0c164..75f28ad2 100644
--- a/app/src/tableitems/UserVerificationTableItem.svelte
+++ b/app/src/tableitems/UserVerificationTableItem.svelte
@@ -57,7 +57,7 @@
             src={buildMonKeyURL(verification.getAddress())}
             alt="&nbsp;"
             title=""
-            class="inline h-7 -ml-1 -mt-4 -mb-3"
+            class="inline h-7 w-7 -ml-1 -mt-4 -mb-3"
         />
         <span class="font-mono">{verification.getAddress().substr(0, 14)} </span>
     </td>