From e4c4807ac56e93a4f7502e423a3d766558193d6c Mon Sep 17 00:00:00 2001
From: Ryan Hopper-Lowe <46546486+ryanhopperlowe@users.noreply.github.com>
Date: Mon, 25 Nov 2024 15:41:07 -0600
Subject: [PATCH] fix: theme updates for workflows (#672)

Signed-off-by: Ryan Hopper-Lowe <ryan@acorn.io>
---
 ui/admin/app/components/workflow/ParamsForm.tsx      | 2 +-
 ui/admin/app/components/workflow/steps/AddStep.tsx   | 5 +++--
 ui/admin/app/components/workflow/steps/StepsForm.tsx | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/admin/app/components/workflow/ParamsForm.tsx b/ui/admin/app/components/workflow/ParamsForm.tsx
index 4af846687..936839a64 100644
--- a/ui/admin/app/components/workflow/ParamsForm.tsx
+++ b/ui/admin/app/components/workflow/ParamsForm.tsx
@@ -115,7 +115,7 @@ export function ParamsForm({
                 ))}
 
                 <Button
-                    variant="secondary"
+                    variant="ghost"
                     className="self-end"
                     startContent={<PlusIcon />}
                     onClick={() =>
diff --git a/ui/admin/app/components/workflow/steps/AddStep.tsx b/ui/admin/app/components/workflow/steps/AddStep.tsx
index 60a95f601..f61201884 100644
--- a/ui/admin/app/components/workflow/steps/AddStep.tsx
+++ b/ui/admin/app/components/workflow/steps/AddStep.tsx
@@ -28,9 +28,10 @@ type StepType = "regular" | "if" | "while" | "template";
 
 interface AddStepButtonProps {
     onAddStep: (newStep: Step) => void;
+    className?: string;
 }
 
-export function AddStepButton({ onAddStep }: AddStepButtonProps) {
+export function AddStepButton({ onAddStep, className }: AddStepButtonProps) {
     const [open, setOpen] = useState(false);
     const [isTemplateModalOpen, setIsTemplateModalOpen] = useState(false);
 
@@ -91,7 +92,7 @@ export function AddStepButton({ onAddStep }: AddStepButtonProps) {
         <>
             <Popover open={open} onOpenChange={setOpen}>
                 <PopoverTrigger asChild>
-                    <Button variant="secondary">
+                    <Button variant="ghost" className={className}>
                         <Plus className="w-4 h-4 mr-2" /> Add
                     </Button>
                 </PopoverTrigger>
diff --git a/ui/admin/app/components/workflow/steps/StepsForm.tsx b/ui/admin/app/components/workflow/steps/StepsForm.tsx
index c427a4d0b..19ea000cc 100644
--- a/ui/admin/app/components/workflow/steps/StepsForm.tsx
+++ b/ui/admin/app/components/workflow/steps/StepsForm.tsx
@@ -73,6 +73,7 @@ export function StepsForm({
                                 )}
                             </div>
                             <AddStepButton
+                                className="float-end"
                                 onAddStep={(newStep) => {
                                     field.onChange([...field.value, newStep]);
                                 }}