From 25f23586124d95c278fd924b8d7802276dc37982 Mon Sep 17 00:00:00 2001
From: Mathieu Virbel <mat@meltingrocks.com>
Date: Wed, 10 Sep 2025 18:31:27 -0600
Subject: [PATCH] feat: improve meeting selection UI for better readability

- Limit page content to max 800px width for better 4K display readability
- Remove LIVE tag badge for cleaner interface
- Remove shadow from main live meeting box
- Remove blue border and hover effects for minimal design
- Change background to neutral gray for less visual noise
---
 www/app/[roomName]/MeetingSelection.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/www/app/[roomName]/MeetingSelection.tsx b/www/app/[roomName]/MeetingSelection.tsx
index e3314222..96973b9f 100644
--- a/www/app/[roomName]/MeetingSelection.tsx
+++ b/www/app/[roomName]/MeetingSelection.tsx
@@ -189,7 +189,8 @@ export default function MeetingSelection({
 
       <Flex
         flexDir="column"
-        w={{ base: "full", md: "container.xl" }}
+        w="full"
+        maxW="800px"
         mx="auto"
         px={6}
         py={8}
@@ -206,14 +207,9 @@ export default function MeetingSelection({
               <Box
                 key={meeting.id}
                 width="100%"
-                bg="blue.50"
-                border="3px solid"
-                borderColor="blue.300"
+                bg="gray.50"
                 borderRadius="xl"
                 p={8}
-                _hover={{ borderColor: "blue.400", bg: "blue.100" }}
-                transition="all 0.2s"
-                shadow="lg"
               >
                 <HStack justify="space-between" align="start">
                   <VStack align="start" gap={4} flex={1}>
@@ -227,9 +223,6 @@ export default function MeetingSelection({
                         {(meeting.calendar_metadata as any)?.title ||
                           "Live Meeting"}
                       </Text>
-                      <Badge colorScheme="blue" fontSize="lg" px={4} py={2}>
-                        LIVE
-                      </Badge>
                     </HStack>
 
                     {isOwner &&