From c6b83c42d6fbb2e6a93175479ef1620913c6532f Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 2 Aug 2023 15:14:47 +0200
Subject: [PATCH] fix(front): fix display of participants list

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Event/ParticipantsView.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/js/src/views/Event/ParticipantsView.vue b/js/src/views/Event/ParticipantsView.vue
index 6ca298ca6..3b859bfa3 100644
--- a/js/src/views/Event/ParticipantsView.vue
+++ b/js/src/views/Event/ParticipantsView.vue
@@ -110,10 +110,10 @@
         :label="t('Participant')"
         v-slot="props"
       >
-        <article>
+        <article class="flex gap-2">
           <figure v-if="props.row.actor.avatar">
             <img
-              class="rounded"
+              class="rounded-full w-12 h-12 object-cover"
               :src="props.row.actor.avatar.url"
               alt=""
               height="48"
@@ -127,13 +127,15 @@
           <AccountCircle v-else :size="48" />
           <div>
             <div class="prose dark:prose-invert">
-              <span v-if="props.row.actor.preferredUsername !== 'anonymous'">
+              <p v-if="props.row.actor.preferredUsername !== 'anonymous'">
                 <span v-if="props.row.actor.name">{{
                   props.row.actor.name
                 }}</span
                 ><br />
-                >@{{ usernameWithDomain(props.row.actor) }}</span
-              >
+                <span class="text-sm"
+                  >@{{ usernameWithDomain(props.row.actor) }}</span
+                >
+              </p>
               <span v-else>
                 {{ t("Anonymous participant") }}
               </span>