From f757085fc2936c929fbfce19e9784ab14654193d Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Thu, 10 Jul 2025 20:07:59 -0500
Subject: [PATCH] refactor(ocp page): changes to the layout so it can better be
 moved for the tiles

---
 .../src/components/production/ocp/OcpPage.tsx | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/production/ocp/OcpPage.tsx b/frontend/src/components/production/ocp/OcpPage.tsx
index b2d0e73..d35e491 100644
--- a/frontend/src/components/production/ocp/OcpPage.tsx
+++ b/frontend/src/components/production/ocp/OcpPage.tsx
@@ -64,18 +64,32 @@ export default function OCPPage() {
                     </ResizablePanelGroup>
                 </ResizablePanel>
                 <ResizableHandle />
-                <ResizablePanel defaultSize={25}>
+                <ResizablePanel className="min-h-[200px] min-w-[200px] max-w-[450px]">
                     <ResizablePanelGroup
                         direction="vertical"
-                        autoSaveId="ocpPage"
+                        autoSaveId="ocpPage_vert"
                     >
                         {server[0].value === "usday1vms006" && (
-                            <ResizablePanel className="max-h-[300px]">
+                            <ResizablePanel
+                                style={{
+                                    overflow: "auto",
+                                    scrollbarWidth: "none",
+                                }}
+                                defaultSize={50}
+                                className="min-h-[200px]"
+                            >
                                 <WrapperManualTrigger />
                             </ResizablePanel>
                         )}
                         {server[0]?.value === "localhost" && (
-                            <ResizablePanel className="max-h-[300px]">
+                            <ResizablePanel
+                                className="min-h-[200px]"
+                                style={{
+                                    overflow: "auto",
+                                    scrollbarWidth: "none",
+                                }}
+                                defaultSize={50}
+                            >
                                 <WrapperManualTrigger />
                             </ResizablePanel>
                         )}