From 23dc407f102b53862b894e80b3466bc687c84d74 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Sat, 28 Mar 2026 20:44:53 +1300
Subject: [PATCH] design: align folder icon and title inline in empty state,
 add 'change later' note

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../quickstart/WorkflowBrowserView.tsx        | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/quickstart/WorkflowBrowserView.tsx b/src/components/quickstart/WorkflowBrowserView.tsx
index 04b3ecfb..14c364a7 100644
--- a/src/components/quickstart/WorkflowBrowserView.tsx
+++ b/src/components/quickstart/WorkflowBrowserView.tsx
@@ -171,29 +171,29 @@ export function WorkflowBrowserView({
           </div>
         )}
         <div className="flex flex-col items-center gap-4 py-8">
-          <div className="w-12 h-12 rounded-xl bg-neutral-700/50 flex items-center justify-center">
-            <svg
-              className="w-6 h-6 text-neutral-400"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              strokeWidth={1.5}
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
-              />
-            </svg>
-          </div>
-          <div className="text-center">
-            <h2 className="text-lg font-medium text-neutral-200 mb-1">
+          <div className="flex items-center gap-2.5">
+            <div className="w-9 h-9 rounded-lg bg-neutral-700/50 flex items-center justify-center">
+              <svg
+                className="w-5 h-5 text-neutral-400"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+                strokeWidth={1.5}
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
+                />
+              </svg>
+            </div>
+            <h2 className="text-lg font-medium text-neutral-200">
               Your Workflows
             </h2>
-            <p className="text-sm text-neutral-500 max-w-xs">
-              Choose a folder that contains your workflow projects
-            </p>
           </div>
+          <p className="text-sm text-neutral-500 max-w-xs text-center">
+            Choose a folder that contains your workflow projects. You can change this later.
+          </p>
           <button
             onClick={browseAndSetDir}
             className="px-4 py-2 text-sm font-medium text-neutral-200 bg-neutral-700 hover:bg-neutral-600 rounded-lg transition-colors"