From 829fc1c83f6eb846c7d2e32223c845acbf4816e3 Mon Sep 17 00:00:00 2001
From: obrucheoghene <obrucheoghene1@gmail.com>
Date: Mon, 17 Nov 2025 13:18:16 +0100
Subject: [PATCH 1/2] chore: comment terms and condition

---
 src/pages/room/join.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pages/room/join.tsx b/src/pages/room/join.tsx
index d128f00..c5420ca 100644
--- a/src/pages/room/join.tsx
+++ b/src/pages/room/join.tsx
@@ -1,16 +1,15 @@
 import React, { useEffect } from 'react';
-
+import { useParams } from 'react-router-dom';
+import { toast } from 'sonner';
 import { useSignaling } from '@/hooks/use-signaling';
 import { useRoomActions, useRoomData } from '@/store/conf/hooks';
 import JoinForm from '@/components/room/join/join-form';
-import Terms from '@/components/room/join/join-terms';
 import Header from '@/components/room/join/join-header';
 import CameraPreview from '@/components/room/join/join-camera-preview';
 import Controls from '../../components/room/join/join-controls';
 import { useRoom } from '@/hooks/use-room';
 import DynamicBg from '@/components/dynamic-bg';
-import { useParams } from 'react-router-dom';
-import { toast } from 'sonner';
+// import Terms from '@/components/room/join/join-terms';
 
 const JoinRoom: React.FC = () => {
   const { signalingService } = useSignaling();
@@ -48,7 +47,7 @@ const JoinRoom: React.FC = () => {
 
         <JoinForm />
 
-        <Terms />
+        {/* <Terms /> */}
       </div>
     </div>
   );

From c520ec40bef87b96b2d168a7e43e75f0f331e10c Mon Sep 17 00:00:00 2001
From: obrucheoghene <obrucheoghene1@gmail.com>
Date: Mon, 17 Nov 2025 13:19:29 +0100
Subject: [PATCH 2/2] styles: try new classes for mobile view

---
 src/components/room/control-bar.tsx |  2 +-
 src/pages/room/conference.tsx       | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/room/control-bar.tsx b/src/components/room/control-bar.tsx
index 0400a8e..4c19293 100644
--- a/src/components/room/control-bar.tsx
+++ b/src/components/room/control-bar.tsx
@@ -10,7 +10,7 @@ import Screen from './screen';
 
 const ControlBar = () => {
   return (
-    <div className="p-2  backdrop-blur-sm flex  ">
+    <div className="p-2  backdrop-blur-sm flex">
       <div className="flex items-center justify-center md:justify-between gap-2 max-w-4xl mx-auto ">
         {/* Left Controls */}
         <div className="flex items-center gap-2">
diff --git a/src/pages/room/conference.tsx b/src/pages/room/conference.tsx
index c3bb2ec..f3642d0 100644
--- a/src/pages/room/conference.tsx
+++ b/src/pages/room/conference.tsx
@@ -8,15 +8,17 @@ import DynamicBg from '@/components/dynamic-bg';
 
 export const Conference: React.FC = () => {
   return (
-    <div className=" fixed h-screen w-full flex flex-col overflow-hidden justify-between">
-      <DynamicBg />
-      {/* Header */}
-      <Header />
+    <div className=" relative h-full w-screen overflow-hidden ">
+      <div className="fixed h-full w-full flex flex-col justify-between">
+        <DynamicBg />
+        {/* Header */}
+        <Header />
 
-      <Display />
-      {/* Bottom Controls */}
-      <ControlBar />
-      <PeerAudioList />
+        <Display />
+        {/* Bottom Controls */}
+        <ControlBar />
+        <PeerAudioList />
+      </div>
     </div>
   );
 };