From e9210213b1dd1544eb418d90d9f2ec8551b2d017 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Mon, 9 Sep 2024 16:13:27 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20enhance=20invitation?=
 =?UTF-8?q?=20modal=20position?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Based on User's feedback.

Having the dialog position visually in the participant tile is
confusing for the user.

Position the dialog to be explicitly outside of a participant
tile container.
---
 src/frontend/src/features/rooms/components/InviteDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/features/rooms/components/InviteDialog.tsx b/src/frontend/src/features/rooms/components/InviteDialog.tsx
index c796fa9c..520468fa 100644
--- a/src/frontend/src/features/rooms/components/InviteDialog.tsx
+++ b/src/frontend/src/features/rooms/components/InviteDialog.tsx
@@ -10,8 +10,8 @@ import { RiCloseLine, RiFileCopyLine, RiSpam2Fill } from '@remixicon/react'
 const StyledRACDialog = styled(Dialog, {
   base: {
     position: 'fixed',
-    left: 30,
-    bottom: 90,
+    left: '0.75rem',
+    bottom: 80,
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',