From 320751ac5b04bdea4bbd51922c6211813b4544ff Mon Sep 17 00:00:00 2001
From: Christoph Wurst <christoph@winzerhof-wurst.at>
Date: Tue, 11 Apr 2023 08:31:17 +0200
Subject: [PATCH] fix: Merge overlapping recipient popovers

1) Popover for the recipient email
2) Popover for Contacts integration

Now the contents are merged into one popover.

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
---
 src/components/RecipientBubble.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/RecipientBubble.vue b/src/components/RecipientBubble.vue
index bf0e452305..29cc3428c6 100644
--- a/src/components/RecipientBubble.vue
+++ b/src/components/RecipientBubble.vue
@@ -25,9 +25,9 @@
 			:display-name="label"
 			:avatar-image="avatarUrlAbsolute"
 			@click="onClickOpenContactDialog">
-			<span class="user-bubble-email">{{ email }}</span>
 		</UserBubble>
 		<div class="contact-wrapper">
+			<p class="contact-popover__email">{{ email }}</p>
 			<ButtonVue v-if="contactsWithEmail && contactsWithEmail.length > 0" type="tertiary-no-background" class="contact-existing">
 				<template #icon>
 					<IconDetails :size="20" />
@@ -260,9 +260,6 @@ export default {
 .user-bubble__title {
 	max-width: 30vw;
 }
-.user-bubble-email {
-	margin: 10px;
-}
 
 .contact-menu {
 	display: flex;
@@ -270,6 +267,10 @@ export default {
 }
 .contact-popover {
 	display: inline-block;
+
+	&__email {
+		text-align: center;
+	}
 }
 .contact-wrapper {
 	padding:10px;