Minor style changes to Workflows widget

quantified-uncertainty · Nov 6, 2024 · 009ad92 · 009ad92
1 parent 4507c9d
commit 009ad92
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/hub/src/app/ai/WorkflowSummaryItem.tsx b/packages/hub/src/app/ai/WorkflowSummaryItem.tsx
@@ -16,8 +16,8 @@ export const WorkflowSummaryItem: FC<{
   return (
     <div
       className={clsx(
-        "rounded border p-2 text-sm",
-        isSelected ? "bg-gray-100" : "cursor-pointer"
+        "w-full border-b p-2 text-sm",
+        isSelected ? "bg-gray-100" : "cursor-pointer hover:bg-slate-50"
       )}
       onClick={isSelected ? undefined : onSelect}
     >

diff --git a/packages/hub/src/app/ai/WorkflowSummaryList.tsx b/packages/hub/src/app/ai/WorkflowSummaryList.tsx
@@ -10,7 +10,7 @@ export const WorkflowSummaryList: FC<{
   selectWorkflow: (id: string) => void;
 }> = ({ workflows, selectedWorkflow, selectWorkflow }) => {
   return (
-    <div className="flex max-h-[400px] flex-col space-y-2 overflow-y-auto pr-2">
+    <div className="flex max-h-[400px] w-full flex-col overflow-y-auto rounded-md border border-slate-200">
       {workflows.map((workflow) => (
         <WorkflowSummaryItem
           key={workflow.id}