From e33d1eca8304da8f73318251b073e14231684572 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Fri, 10 Sep 2021 01:52:55 +0800
Subject: [PATCH] Fix user-popover location when hovered in revisions (#7947)

* fix user-popover when hovered in revisions

* ux tweak to make user easier to click
---
 .../components/revisions-drawer-detail/revision-item.vue   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/src/views/private/components/revisions-drawer-detail/revision-item.vue b/app/src/views/private/components/revisions-drawer-detail/revision-item.vue
index ae21c522f2..73e41118d9 100644
--- a/app/src/views/private/components/revisions-drawer-detail/revision-item.vue
+++ b/app/src/views/private/components/revisions-drawer-detail/revision-item.vue
@@ -8,7 +8,7 @@
 			<span class="time">{{ time }}</span>
 			–
 			<user-popover v-if="revision.activity.user" class="user" :user="revision.activity.user.id">
-				{{ user }}
+				<span>{{ user }}</span>
 			</user-popover>
 
 			<span v-else>{{ t('private_user') }}</span>
@@ -163,6 +163,11 @@ export default defineComponent({
 	}
 
 	.user {
+		span {
+			margin: -6px;
+			padding: 6px;
+		}
+
 		&:hover {
 			color: var(--foreground-normal);
 		}