From 067f051ff7304adc22149de88f0277381c01fb08 Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Thu, 11 Dec 2025 22:05:36 +0100
Subject: [PATCH] style: enhance sidebar layout for better responsiveness

- Adjusted padding and flex properties in the sidebar component to improve layout when the sidebar is open or closed.
- Ensured consistent alignment and spacing for a more user-friendly interface.
---
 app/src/components/layout/sidebar.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/src/components/layout/sidebar.tsx b/app/src/components/layout/sidebar.tsx
index 04128afb..2c13361c 100644
--- a/app/src/components/layout/sidebar.tsx
+++ b/app/src/components/layout/sidebar.tsx
@@ -742,12 +742,15 @@ export function Sidebar() {
         {/* Logo */}
         <div
           className={cn(
-            "h-20 pt-8 flex items-center justify-between border-b border-sidebar-border shrink-0 titlebar-drag-region",
-            sidebarOpen ? "px-3 lg:px-6" : "px-3"
+            "h-20 border-b border-sidebar-border shrink-0 titlebar-drag-region",
+            sidebarOpen ? "pt-8 px-3 lg:px-6 flex items-center justify-between" : "pt-2 pb-2 px-3 flex flex-col items-center justify-center gap-2"
           )}
         >
           <div
-            className="flex items-center titlebar-no-drag cursor-pointer"
+            className={cn(
+              "flex items-center titlebar-no-drag cursor-pointer",
+              !sidebarOpen && "flex-col gap-1"
+            )}
             onClick={() => setCurrentView("welcome")}
             data-testid="logo-button"
           >