From af93502ad64649fcd9c8641c57cb669d637d8f3c Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 29 Oct 2025 12:38:14 +0100
Subject: [PATCH] fix: Improve participants view for small width devices

Fixes: #1609
---
 src/views/Event/ParticipantsView.vue | 62 ++++++++++++++--------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/views/Event/ParticipantsView.vue b/src/views/Event/ParticipantsView.vue
index 847d44f99..f75087017 100644
--- a/src/views/Event/ParticipantsView.vue
+++ b/src/views/Event/ParticipantsView.vue
@@ -220,39 +220,37 @@
           {{ t("No participant matches the filters") }}
         </EmptyContent>
       </template>
-      <template #bottom-left>
-        <div class="flex gap-2">
-          <o-button
-            @click="acceptParticipants(checkedRows)"
-            variant="success"
-            :disabled="!canAcceptParticipants"
-            outlined
-          >
-            {{
-              t(
-                "No participant to approve|Approve participant|Approve {number} participants",
-                { number: checkedRows.length },
-                checkedRows.length
-              )
-            }}
-          </o-button>
-          <o-button
-            @click="refuseParticipants(checkedRows)"
-            variant="danger"
-            :disabled="!canRefuseParticipants"
-            outlined
-          >
-            {{
-              t(
-                "No participant to reject|Reject participant|Reject {number} participants",
-                { number: checkedRows.length },
-                checkedRows.length
-              )
-            }}
-          </o-button>
-        </div>
-      </template>
     </o-table>
+    <div class="flex flex-wrap gap-2">
+      <o-button
+        @click="acceptParticipants(checkedRows)"
+        variant="success"
+        :disabled="!canAcceptParticipants"
+        outlined
+      >
+        {{
+          t(
+            "No participant to approve|Approve participant|Approve {number} participants",
+            { number: checkedRows.length },
+            checkedRows.length
+          )
+        }}
+      </o-button>
+      <o-button
+        @click="refuseParticipants(checkedRows)"
+        variant="danger"
+        :disabled="!canRefuseParticipants"
+        outlined
+      >
+        {{
+          t(
+            "No participant to reject|Reject participant|Reject {number} participants",
+            { number: checkedRows.length },
+            checkedRows.length
+          )
+        }}
+      </o-button>
+    </div>
   </section>
 </template>