From 86c05258feccd225d00fce884cbbb541fea7fc82 Mon Sep 17 00:00:00 2001
From: Zamil Majdy <zamil.majdy@agpt.co>
Date: Thu, 26 Sep 2024 12:32:20 -0500
Subject: [PATCH] simplify UI

---
 .../frontend/src/components/PrimaryActionButton.tsx         | 2 +-
 .../frontend/src/components/edit/control/ControlPanel.tsx   | 2 +-
 autogpt_platform/frontend/src/components/flow.css           | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx b/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
index c3d9ff5852..2d399306eb 100644
--- a/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
+++ b/autogpt_platform/frontend/src/components/PrimaryActionButton.tsx
@@ -32,7 +32,7 @@ const PrimaryActionBar: React.FC<PrimaryActionBarProps> = ({
   const runButtonOnClick = !isRunning ? onClickRunAgent : requestStopRun;
 
   return (
-    <div className="absolute bottom-0 left-0 right-0 z-50 flex items-center justify-center p-4">
+    <div className="absolute bottom-0 left-1/2 z-50 flex w-fit -translate-x-1/2 transform items-center justify-center p-4">
       <div className={`flex gap-4`}>
         <Tooltip key="ViewOutputs" delayDuration={500}>
           <TooltipTrigger asChild>
diff --git a/autogpt_platform/frontend/src/components/edit/control/ControlPanel.tsx b/autogpt_platform/frontend/src/components/edit/control/ControlPanel.tsx
index 35b9abdd1b..8a9476d741 100644
--- a/autogpt_platform/frontend/src/components/edit/control/ControlPanel.tsx
+++ b/autogpt_platform/frontend/src/components/edit/control/ControlPanel.tsx
@@ -47,7 +47,7 @@ export const ControlPanel = ({
   return (
     <Card className={cn("m-4 mt-24 w-14", className)}>
       <CardContent className="p-0">
-        <div className="flex flex-col items-center gap-3 rounded-xl border border-[rgba(225,225,225,1)] py-3">
+        <div className="flex flex-col items-center gap-3 rounded-xl border py-3">
           {topChildren}
           <Separator />
           {controls.map((control, index) => (
diff --git a/autogpt_platform/frontend/src/components/flow.css b/autogpt_platform/frontend/src/components/flow.css
index 53f7e32ede..30ef76b68f 100644
--- a/autogpt_platform/frontend/src/components/flow.css
+++ b/autogpt_platform/frontend/src/components/flow.css
@@ -111,9 +111,9 @@ textarea::placeholder {
 }
 
 .flow-container {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100vw;
   height: 100vh;
-  /* 4rem nav, 1rem padding */
-  margin-top: -5rem;
-  margin-left: -1rem;
 }