From 94714b29644ab59a6cd4881aa4646f647392375d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 1 Mar 2020 21:58:58 +0100
Subject: [PATCH] Fix avatar sizes

---
 src/components/global/user.vue             | 2 +-
 src/components/tasks/ShowListTasks.vue     | 9 ++++++++-
 src/components/tasks/reusable/comments.vue | 4 ++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/global/user.vue b/src/components/global/user.vue
index 0fad1052..a9ec4aee 100644
--- a/src/components/global/user.vue
+++ b/src/components/global/user.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="user">
-		<img :src="user.getAvatarUrl(avatarSize)" class="avatar" alt="" v-tooltip="user.username"/>
+		<img :src="user.getAvatarUrl(avatarSize)" class="avatar" alt="" v-tooltip="user.username" :width="avatarSize" :height="avatarSize"/>
 		<span v-if="showUsername" class="username">{{ user.username }}</span>
 	</div>
 </template>
diff --git a/src/components/tasks/ShowListTasks.vue b/src/components/tasks/ShowListTasks.vue
index 3d4605c1..86a517bb 100644
--- a/src/components/tasks/ShowListTasks.vue
+++ b/src/components/tasks/ShowListTasks.vue
@@ -76,7 +76,14 @@
 								<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
 									<span>{{ label.title }}</span>
 								</span>
-								<img :src="a.getAvatarUrl(27)" :alt="a.username" v-for="(a, i) in l.assignees" class="avatar" :key="l.id + 'assignee' + a.id + i"/>
+								<img
+										:src="a.getAvatarUrl(27)"
+										:alt="a.username"
+										class="avatar"
+										width="27"
+										height="27"
+										v-for="(a, i) in l.assignees"
+										:key="l.id + 'assignee' + a.id + i"/>
 								<i v-if="l.dueDate > 0" :class="{'overdue': l.dueDate <= new Date() && !l.done}" v-tooltip="formatDate(l.dueDate)"> - Due {{formatDateSince(l.dueDate)}}</i>
 								<priority-label :priority="l.priority"/>
 							</router-link>
diff --git a/src/components/tasks/reusable/comments.vue b/src/components/tasks/reusable/comments.vue
index b59714a6..70172cbb 100644
--- a/src/components/tasks/reusable/comments.vue
+++ b/src/components/tasks/reusable/comments.vue
@@ -10,7 +10,7 @@
 			<progress class="progress is-small is-info" max="100" v-if="taskCommentService.loading">Loading comments...</progress>
 			<div class="media comment" v-for="c in comments" :key="c.id">
 				<figure class="media-left">
-					<img class="image is-avatar" :src="c.author.getAvatarUrl(48)" alt="">
+					<img class="image is-avatar" :src="c.author.getAvatarUrl(48)" alt="" width="48" height="48"/>
 				</figure>
 				<div class="media-content">
 					<div class="form" v-if="isCommentEdit && commentEdit.id === c.id">
@@ -39,7 +39,7 @@
 			</div>
 			<div class="media comment">
 				<figure class="media-left">
-					<img class="image is-avatar" :src="user.infos.getAvatarUrl(48)" alt="">
+					<img class="image is-avatar" :src="user.infos.getAvatarUrl(48)" alt="" width="48" height="48"/>
 				</figure>
 				<div class="media-content">
 					<div class="form">