From 317d076117bc26d42ad36cac10233d615e9d6f1f Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Tue, 28 Oct 2025 21:58:24 +0000
Subject: [PATCH] fix: advanced settings full width, remove incorrect create
 session button, center browse folders text

---
 src/components/folder-selection-view.tsx | 19 +++++--------------
 src/styles/components.css                |  2 +-
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/src/components/folder-selection-view.tsx b/src/components/folder-selection-view.tsx
index 12aaea3f..91486e73 100644
--- a/src/components/folder-selection-view.tsx
+++ b/src/components/folder-selection-view.tsx
@@ -243,37 +243,28 @@ const FolderSelectionView: Component<FolderSelectionViewProps> = (props) => {
               <p class="panel-subtitle">Select any folder on your computer</p>
             </div>
 
-            <div class="panel-body space-y-3">
+            <div class="panel-body">
               <button
                 onClick={handleBrowse}
                 disabled={props.isLoading}
-                class="button-primary w-full flex items-center justify-between text-sm disabled:cursor-not-allowed"
+                class="button-primary w-full flex items-center justify-center text-sm disabled:cursor-not-allowed"
                 onMouseEnter={() => setFocusMode("new")}
               >
                 <div class="flex items-center gap-2">
                   <FolderPlus class="w-4 h-4" />
                   <span>{props.isLoading ? "Opening..." : "Browse Folders"}</span>
                 </div>
-                <kbd class="kbd">
+                <kbd class="kbd ml-2">
                   Cmd+Enter
                 </kbd>
               </button>
-
-              <button
-                onClick={handleBrowse}
-                disabled={props.isLoading}
-                class="button-secondary w-full flex items-center justify-center gap-2 text-sm disabled:cursor-not-allowed"
-              >
-                <FolderPlus class="w-4 h-4" />
-                <span>Create New Session</span>
-              </button>
             </div>
 
             {/* Advanced settings section */}
-            <div class="panel-section">
+            <div class="panel-section w-full">
               <button
                 onClick={() => setShowAdvanced(!showAdvanced())}
-                class="panel-section-header"
+                class="panel-section-header w-full"
               >
                 <div class="flex items-center gap-2">
                   <Settings class="w-4 h-4 icon-muted" />
diff --git a/src/styles/components.css b/src/styles/components.css
index 32db4279..beaf8bcf 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -1374,7 +1374,7 @@
 }
 
 .panel-section-header {
-  @apply px-4 py-3 flex items-center justify-between transition-colors cursor-pointer;
+  @apply w-full px-4 py-3 flex items-center justify-between transition-colors cursor-pointer;
   background-color: var(--surface-secondary);
 }