From e5d59464d4999349c3866dca5ed03f94de774972 Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Fri, 1 Nov 2024 17:48:04 +0800
Subject: [PATCH] pkp/pkp-lib#9626 Use icon Orcid in UserInvitationManager
 component

---
 .../UserInvitationManager.vue                 | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/managers/UserInvitationManager/UserInvitationManager.vue b/src/managers/UserInvitationManager/UserInvitationManager.vue
index ac10cee6e..bced16b72 100755
--- a/src/managers/UserInvitationManager/UserInvitationManager.vue
+++ b/src/managers/UserInvitationManager/UserInvitationManager.vue
@@ -27,18 +27,21 @@
 		<TableBody>
 			<TableRow v-for="(invitation, index) in store.invitations" :key="index">
 				<TableCell>
-					<span class="text-lg-normal">
-						{{
-							invitation.userId
-								? invitation.existingUser.fullName
-								: invitation.newUser.fullName
-						}}
+					<span class="flex items-center space-x-1">
+						<span class="text-lg-normal">
+							{{
+								invitation.userId
+									? invitation.existingUser.fullName
+									: invitation.newUser.fullName
+							}}
+						</span>
+						<Icon
+							v-if="invitation.existingUser?.orcid || invitation.newUser?.orcid"
+							icon="Orcid"
+							class="h-4 w-4"
+							:inline="true"
+						/>
 					</span>
-					<Icon
-						v-if="invitation.existingUser?.orcid || invitation.newUser?.orcid"
-						icon="orcid"
-						:inline="true"
-					/>
 				</TableCell>
 				<TableCell>
 					<span class="text-lg-normal">