From d1d2c8a79ea2faafcbb75076a6366ff9854d5ab2 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 19 Oct 2024 09:42:58 +0530
Subject: [PATCH] feat: set style of browser content & right panel

---
 src/pages/RecordingPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 8a4ae653..8e811c52 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -114,16 +114,16 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
   return (
     <ActionProvider>
       <BrowserStepsProvider>
-        <div style={{ height: '100vh', display: 'flex' }}>
+        <div id="browser-recorder">
           {isLoaded ? (
             <>
               <Grid container direction="row" style={{ flexGrow: 1, height: '100%' }}>
-                <Grid item xs={12} md={10} lg={10} style={{ height: '100%', overflow: 'hidden' }}>
+                <Grid item xs={12} md={9} lg={9} style={{ height: '100%', overflow: 'hidden' }}>
                   <div style={{ height: '100%', overflow: 'auto' }}>
                     <BrowserContent />
                   </div>
                 </Grid>
-                <Grid item xs={12} md={2} lg={2} style={{ height: '100%', overflowY: 'auto' }}>
+                <Grid item xs={12} md={3} lg={3} style={{ height: '100%', overflowY: 'auto' }}>
                   <div className="right-side-panel" style={{ height: '100%' }}>
                     <RightSidePanel onFinishCapture={handleShowOutputData} />
                   </div>