From 7a27ca4da08782462fe813331397a94ea443042c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 16 Oct 2025 18:55:23 +0000
Subject: [PATCH] Refactor: Move expand button

---
 src/components/Layout.tsx | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index d6a85ff..45b309b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -83,10 +83,21 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
       </aside>
       ) : (
         <aside className="w-16 bg-sidebar border-r border-sidebar-border flex flex-col">
-          {/* Collapsed Logo */}
-          <div className="p-4 border-b border-sidebar-border flex items-center justify-center">
-            <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-primary to-secondary flex items-center justify-center">
-              <span className="text-xs font-bold text-white">HX</span>
+          {/* Collapsed Header with Expand Button */}
+          <div className="p-3 border-b border-sidebar-border space-y-2">
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={() => setIsSidebarCollapsed(false)}
+              className="w-full text-muted-foreground hover:text-foreground"
+              title="Expandir"
+            >
+              <ChevronRight className="w-4 h-4" />
+            </Button>
+            <div className="w-full flex justify-center">
+              <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-primary to-secondary flex items-center justify-center">
+                <span className="text-xs font-bold text-white">HX</span>
+              </div>
             </div>
           </div>
 
@@ -132,19 +143,6 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
               <Settings className="w-4 h-4" />
             </Button>
           </div>
-
-          {/* Expand Button */}
-          <div className="p-3">
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={() => setIsSidebarCollapsed(false)}
-              className="w-full text-muted-foreground hover:text-foreground"
-              title="Expandir"
-            >
-              <ChevronRight className="w-4 h-4" />
-            </Button>
-          </div>
         </aside>
       )}