From 1ffc3eacd7bb961be7c06e1af2b55018a2baa1ee Mon Sep 17 00:00:00 2001
From: Mathieu Virbel <mat@meltingrocks.com>
Date: Wed, 10 Sep 2025 19:13:40 -0600
Subject: [PATCH] style: center no meetings message and remove background

- Change from Box to Flex with flex=1 for vertical centering
- Remove gray background, border radius, and padding
- Message now appears cleanly centered in available space
- Maintains horizontal and vertical centering
---
 www/app/[roomName]/MeetingSelection.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/www/app/[roomName]/MeetingSelection.tsx b/www/app/[roomName]/MeetingSelection.tsx
index 6585d59e..17191c1f 100644
--- a/www/app/[roomName]/MeetingSelection.tsx
+++ b/www/app/[roomName]/MeetingSelection.tsx
@@ -375,11 +375,11 @@ export default function MeetingSelection({
 
         {/* No meetings message - show when no ongoing or upcoming meetings */}
         {currentMeetings.length === 0 && upcomingMeetings.length === 0 && (
-          <Box
+          <Flex
             width="100%"
-            bg="gray.50"
-            borderRadius="xl"
-            p={8}
+            flex="1"
+            justify="center"
+            align="center"
             textAlign="center"
             mb={6}
           >
@@ -395,7 +395,7 @@ export default function MeetingSelection({
                 </Text>
               </VStack>
             </VStack>
-          </Box>
+          </Flex>
         )}
 
         {/* Create Unscheduled Meeting - Only for room owners or shared rooms */}