From 86cb10a3c7a5b8b4d0202011bffa22011bd0476d Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 5 Mar 2025 14:37:55 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20render=20side=20contro?=
 =?UTF-8?q?ls=20in=20the=20navigation=20menu=20earlier?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update the menu rendering to an earlier breakpoint due to added admin controls
taking up more space. Temporary adjustment until a more comprehensive layout
enhancement is implemented.
---
 .../rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx      | 2 +-
 .../features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx
index e121c681..8622d7b5 100644
--- a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx
+++ b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx
@@ -44,7 +44,7 @@ export function DesktopControlBar({
             gap: '0.5rem',
             marginLeft: '0.5rem',
           })}
-        ></div>
+        />
         <div
           className={css({
             flex: '1 1 33%',
diff --git a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx
index 8c5d62b4..78519658 100644
--- a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx
+++ b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx
@@ -12,7 +12,7 @@ import { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 
-const CONTROL_BAR_BREAKPOINT = 750
+const CONTROL_BAR_BREAKPOINT = 1100
 
 const NavigationControls = ({ onPress }: Partial<ToggleButtonProps>) => (
   <>