From 71f3aa8cbc97b73c58c265f9fa93bafd064f8d2b Mon Sep 17 00:00:00 2001
From: chronis10 <chronis@hua.gr>
Date: Mon, 3 Jun 2024 03:58:06 +0300
Subject: [PATCH] windows arrange fixes

---
 front-end/src/routes/Router.tsx                  | 8 ++++----
 front-end/src/views/blockly-page/BlocklyPage.tsx | 8 ++++----
 front-end/src/views/monaco-page/MonacoPage.tsx   | 8 ++++----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/front-end/src/routes/Router.tsx b/front-end/src/routes/Router.tsx
index 10fe944..ca77b9a 100644
--- a/front-end/src/routes/Router.tsx
+++ b/front-end/src/routes/Router.tsx
@@ -119,9 +119,9 @@ const Router = [
     path: '/interactive-page',
     element: (
       <PrivateRoute>
-        <RoleBasedRoute betaTesterOnly={true}>
+        {/* <RoleBasedRoute betaTesterOnly={true}> */}
           <FullLayout />
-        </RoleBasedRoute>
+        {/* </RoleBasedRoute> */}
       </PrivateRoute>
     ),
     children: [
@@ -144,9 +144,9 @@ const Router = [
     path: '/tutorials-page',
     element: (
       <PrivateRoute>
-        <RoleBasedRoute betaTesterOnly={true}>
+        {/* <RoleBasedRoute betaTesterOnly={true}> */}
           <FullLayout />
-        </RoleBasedRoute>
+        {/* </RoleBasedRoute> */}
       </PrivateRoute>
     ),
     children: [
diff --git a/front-end/src/views/blockly-page/BlocklyPage.tsx b/front-end/src/views/blockly-page/BlocklyPage.tsx
index 8c8e291..fc4ceef 100644
--- a/front-end/src/views/blockly-page/BlocklyPage.tsx
+++ b/front-end/src/views/blockly-page/BlocklyPage.tsx
@@ -227,8 +227,8 @@ const BlocklyPage = () => {
         {loading && isSimulatorLoading ? ( 
           <Spinner />
         ) : (
-          <Grid container spacing={1} paddingTop={"0rem"} paddingBottom={"0rem"} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'}>
-            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'}>
+          <Grid container spacing={1} paddingTop={"0rem"} paddingBottom={"0rem"} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'}>
+            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'}>
               {/* column */}
               <BlocklyEditorComponent
                 code={editorValue}
@@ -289,7 +289,7 @@ const BlocklyPage = () => {
                 </Box>
               )}
 
-              <Box height="39vh">
+              <Box height="50vh">
                 <WebGLApp appsessionId={sessionId}
                   onMountChange={handleMountChange} />
               </Box>
@@ -298,7 +298,7 @@ const BlocklyPage = () => {
               {/* Terminal */}
 
               <Box
-                height={'27vh'}
+                height={'35vh'}
                 style={{
                   backgroundColor: 'black',
                   color: 'white',
diff --git a/front-end/src/views/monaco-page/MonacoPage.tsx b/front-end/src/views/monaco-page/MonacoPage.tsx
index 44af4c2..46c55fb 100644
--- a/front-end/src/views/monaco-page/MonacoPage.tsx
+++ b/front-end/src/views/monaco-page/MonacoPage.tsx
@@ -262,8 +262,8 @@ const MonacoPage: React.FC = () => {
         {loading && isSimulatorLoading ? (
           <Spinner />
         ) : (
-          <Grid container spacing={1} paddingTop="0rem" paddingBottom="0rem" height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'} >
-            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'} >
+          <Grid container spacing={1} paddingTop="0rem" paddingBottom="0rem" height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'} >
+            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'} >
               <MonacoEditorComponent code={editorValue} handleGetValue={handleGetValue} />
             </Grid>
             <Grid item xs={5} lg={5} >
@@ -327,7 +327,7 @@ const MonacoPage: React.FC = () => {
                 </Box>
               )}
 
-              <Box height="39vh">
+              <Box height="50vh">
                 <WebGLApp
                   appsessionId={sessionId}
                   onMountChange={handleMountChange}
@@ -335,7 +335,7 @@ const MonacoPage: React.FC = () => {
               </Box>
 
               <Box
-                height="27vh"
+                height="35vh"
                 style={{
                   backgroundColor: 'black',
                   color: 'white',