From 14f50a16afd63a14fa377b0a4c9346b8f8aee99c Mon Sep 17 00:00:00 2001
From: Gaelyn Cooper <gaelyn.cooper@gmail.com>
Date: Mon, 22 Apr 2024 12:50:10 -0600
Subject: [PATCH 1/4] Fix graphics

---
 .../(content)/embedded-portal/embedded-portal.tsx   | 13 ++++++-------
 .../(content)/file-feed/setup-space.tsx             |  6 ++++++
 .../(content)/project-onboarding/workspace.tsx      | 13 ++++++-------
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx b/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
index 2888e7c..7f118b9 100644
--- a/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
+++ b/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
@@ -50,14 +50,14 @@ export default function EmbeddedPortal({
   };
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 md:relative">
       <HeaderContent item={EMBEDDED_PORTAL_ITEM} steps={steps} />
       <div className="">
         <p className="text-2xl mb-8 md:max-w-lg">
           Your embedded Flatfile space is configured and ready for import. 🎉
         </p>
         <div className="flex flex-col md:flex-row justify-between lg:justify-start lg:space-x-12 space-y-12 md:space-y-0">
-          <div className="md:max-w-md">
+          <div className="md:max-w-lg">
             <p className="font-semibold mb-4">Launch Flatfile</p>
             <p>Launch Flatfile via the &quot;Import&quot; button below.</p>
             <p>
@@ -81,12 +81,11 @@ export default function EmbeddedPortal({
             </div>
           </div>
         </div>
+        <SVG
+          src={EMBEDDED_PORTAL_ITEM.heroUri}
+          className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[30%] lg:top-[100%]"
+        />
       </div>
-
-      <SVG
-        src={EMBEDDED_PORTAL_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/4 md:mx-auto md:absolute md:left-[35%] md:top-[52%] lg:left-[50%] lg:top-[35%]"
-      />
     </div>
   );
 }
diff --git a/app/(authenticated)/(content)/file-feed/setup-space.tsx b/app/(authenticated)/(content)/file-feed/setup-space.tsx
index 30200b5..5409fb5 100644
--- a/app/(authenticated)/(content)/file-feed/setup-space.tsx
+++ b/app/(authenticated)/(content)/file-feed/setup-space.tsx
@@ -7,9 +7,11 @@ import {
   FILE_FEED_ITEM,
 } from "@/lib/workflow-constants";
 import { WorkflowType } from "@/lib/workflow-type";
+import SVG from "react-inlinesvg";
 
 export default function SetupSpace() {
   const steps = FILE_FEED_INITIAL_STEPS;
+  const item = FILE_FEED_ITEM;
 
   return (
     <div className="space-y-6">
@@ -30,6 +32,10 @@ export default function SetupSpace() {
           />
         </div>
       )}
+      <SVG
+        src={item.heroUri}
+        className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[40%] lg:top-[60%]"
+      />
     </div>
   );
 }
diff --git a/app/(authenticated)/(content)/project-onboarding/workspace.tsx b/app/(authenticated)/(content)/project-onboarding/workspace.tsx
index 4f3acb6..675c641 100644
--- a/app/(authenticated)/(content)/project-onboarding/workspace.tsx
+++ b/app/(authenticated)/(content)/project-onboarding/workspace.tsx
@@ -17,14 +17,14 @@ export default function Workspace({ spaceId }: { spaceId: string }) {
   ];
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 md:relative">
       <HeaderContent item={PROJECT_ONBOARDING_ITEM} steps={steps} />
 
       <div className=" space-y-4">
         <p className="text-2xl">Your Flatfile space is configured. 🎉</p>
 
         <div className="flex flex-col md:flex-row justify-between lg:justify-start lg:space-x-12 space-y-12 md:space-y-0">
-          <div className="md:max-w-md space-y-4">
+          <div className="md:max-w-lg space-y-4">
             <p className="font-semibold">Upload Records in Flatfile</p>
             <p>
               Click the &ldquo;Visit Flatfile Space&rdquo; button below to
@@ -53,13 +53,12 @@ export default function Workspace({ spaceId }: { spaceId: string }) {
               </a>
             </p>
           </div>
+          <SVG
+            src={PROJECT_ONBOARDING_ITEM.heroUri}
+            className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[45%] md:top-[100%] lg:left-[30%] lg:top-[100%]"
+          />
         </div>
       </div>
-
-      <SVG
-        src={PROJECT_ONBOARDING_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[52%] lg:left-[45%] lg:top-[35%]"
-      />
     </div>
   );
 }

From 7f91b9f629bff40cf96fa4457683cc49e1f18d82 Mon Sep 17 00:00:00 2001
From: Gaelyn Cooper <gaelyn.cooper@gmail.com>
Date: Mon, 22 Apr 2024 12:53:51 -0600
Subject: [PATCH 2/4] Replace FILE_FEED_ITEM with item

---
 app/(authenticated)/(content)/file-feed/setup-space.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(authenticated)/(content)/file-feed/setup-space.tsx b/app/(authenticated)/(content)/file-feed/setup-space.tsx
index 5409fb5..748ceff 100644
--- a/app/(authenticated)/(content)/file-feed/setup-space.tsx
+++ b/app/(authenticated)/(content)/file-feed/setup-space.tsx
@@ -15,7 +15,7 @@ export default function SetupSpace() {
 
   return (
     <div className="space-y-6">
-      <HeaderContent item={FILE_FEED_ITEM} steps={steps} />
+      <HeaderContent item={item} steps={steps} />
 
       {steps[0].status === "current" && (
         <div className=" space-y-4 md:max-w-lg">

From 8c484047361f0fc06c2087d7808b1b4c5eb38d66 Mon Sep 17 00:00:00 2001
From: Gaelyn Cooper <gaelyn.cooper@gmail.com>
Date: Mon, 22 Apr 2024 13:53:07 -0600
Subject: [PATCH 3/4] Adjust position for lg and xl

---
 app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx b/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx
index 777ebdf..a4a5399 100644
--- a/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx
+++ b/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx
@@ -119,7 +119,7 @@ export default function Workspace({
       </div>
       <SVG
         src={FILE_FEED_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[50%] lg:top-[60%]"
+        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[70%] lg:top-[60%] xl:left-[50%]"
       />
     </div>
   );

From 3e508a5fd9f180e34caa310df35cdec798697eae Mon Sep 17 00:00:00 2001
From: Gaelyn Cooper <gaelyn.cooper@gmail.com>
Date: Mon, 22 Apr 2024 14:29:38 -0600
Subject: [PATCH 4/4] Didn't need these diffs

---
 .../(content)/embedded-portal/embedded-portal.tsx             | 2 +-
 .../(content)/project-onboarding/workspace.tsx                | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx b/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
index 7f118b9..2f76673 100644
--- a/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
+++ b/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
@@ -57,7 +57,7 @@ export default function EmbeddedPortal({
           Your embedded Flatfile space is configured and ready for import. 🎉
         </p>
         <div className="flex flex-col md:flex-row justify-between lg:justify-start lg:space-x-12 space-y-12 md:space-y-0">
-          <div className="md:max-w-lg">
+          <div className="md:max-w-md">
             <p className="font-semibold mb-4">Launch Flatfile</p>
             <p>Launch Flatfile via the &quot;Import&quot; button below.</p>
             <p>
diff --git a/app/(authenticated)/(content)/project-onboarding/workspace.tsx b/app/(authenticated)/(content)/project-onboarding/workspace.tsx
index 675c641..c3dfeff 100644
--- a/app/(authenticated)/(content)/project-onboarding/workspace.tsx
+++ b/app/(authenticated)/(content)/project-onboarding/workspace.tsx
@@ -17,14 +17,14 @@ export default function Workspace({ spaceId }: { spaceId: string }) {
   ];
 
   return (
-    <div className="space-y-6 md:relative">
+    <div className="space-y-6">
       <HeaderContent item={PROJECT_ONBOARDING_ITEM} steps={steps} />
 
       <div className=" space-y-4">
         <p className="text-2xl">Your Flatfile space is configured. 🎉</p>
 
         <div className="flex flex-col md:flex-row justify-between lg:justify-start lg:space-x-12 space-y-12 md:space-y-0">
-          <div className="md:max-w-lg space-y-4">
+          <div className="md:max-w-md space-y-4">
             <p className="font-semibold">Upload Records in Flatfile</p>
             <p>
               Click the &ldquo;Visit Flatfile Space&rdquo; button below to