From dfb3b036ed57bc9bb25e3a4908eb548c0e9eefd0 Mon Sep 17 00:00:00 2001
From: Christoph Wurst <christoph@winzerhof-wurst.at>
Date: Wed, 18 Sep 2024 14:37:53 +0200
Subject: [PATCH] fix: Center envelope header avatar

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
---
 src/components/ThreadEnvelope.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/ThreadEnvelope.vue b/src/components/ThreadEnvelope.vue
index fc501a8a8b..113f06f4ba 100644
--- a/src/components/ThreadEnvelope.vue
+++ b/src/components/ThreadEnvelope.vue
@@ -25,7 +25,8 @@
 					:email="envelope.from[0].email"
 					:display-name="envelope.from[0].label"
 					:disable-tooltip="true"
-					:size="40" />
+					:size="40"
+					class="envelope__header__avatar-avatar" />
 				<div v-if="isImportant"
 					class="app-content-list-item-star icon-important"
 					:data-starred="isImportant ? 'true' : 'false'"
@@ -990,6 +991,14 @@ export default {
 			&__avatar {
 				position: relative;
 
+				&-avatar {
+					/* The block makes the wrapper div cover the avatar exactly
+					 * (no extra space) and allows center aligning the avatar
+					 * with the rest of the header elements.
+					 */
+					display: block;
+				}
+
 				.app-content-list-item-star {
 					position: absolute;
 					cursor: pointer;