From 76438ecc0573bec29da033b29450cb173dc3477a Mon Sep 17 00:00:00 2001
From: dev <test@local.host>
Date: Thu, 21 Mar 2024 22:04:16 -0400
Subject: [PATCH] alignment things

---
 app/modules/SidePanel/SidePanel.tsx | 2 +-
 app/pages/PageEnigma/PageEnigma.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/modules/SidePanel/SidePanel.tsx b/app/modules/SidePanel/SidePanel.tsx
index 742f4cb439..4000196f52 100644
--- a/app/modules/SidePanel/SidePanel.tsx
+++ b/app/modules/SidePanel/SidePanel.tsx
@@ -62,7 +62,7 @@ export const SidePanel =({
                 leaveFrom="translate-x-0"
                 leaveTo="translate-x-full"
               >
-                <Dialog.Panel className="pointer-events-auto w-screen max-w-2xl">
+                <Dialog.Panel className="pointer-events-auto w-screen lg:max-w-md">
                   <div
                     className="flex flex-col overflow-y-scroll bg-ui-panel py-6 shadow-xl border-y border-l border-ui-panel-border"
                     style={{height:height+'px'}}
diff --git a/app/pages/PageEnigma/PageEnigma.tsx b/app/pages/PageEnigma/PageEnigma.tsx
index c9c00b0a0f..20ff7457de 100644
--- a/app/pages/PageEnigma/PageEnigma.tsx
+++ b/app/pages/PageEnigma/PageEnigma.tsx
@@ -91,6 +91,7 @@ export const PageEnigma = () => {
       <canvas ref={canvasRef} id="video-scene" width="1280px" height="720px" />
       <div className='fixed top-20 left-4'>
         <div className="flex mt-2 gap-2">
+          <Button variant="secondary">Toggle Camera View</Button>
           <Button variant="secondary" onClick={handleButtonSave}>Save Scene</Button>
           <ButtonDialogue
             buttonProps={{
@@ -112,7 +113,7 @@ export const PageEnigma = () => {
         <Button onClick={handleButtonPlay}>Play</Button>
       </SidePanel>
       <LowerPanel>
-        <p className='text-white'>Timeline Panel</p>
+        <div className='h-10 w-full border-b border-ui-panel-border'></div>
         <input style={{ display: 'none' }} type="file" id="load-upload" name="load-upload"></input>
       </LowerPanel>
     </div>