From edb557fb236cba783be42520535ff7fd91004e77 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Fri, 22 May 2026 17:29:20 -0400
Subject: [PATCH] Fix layout double-offset from persistent drawer

The sidebar Drawer reserved width in the flex container AND the main
content had margin-left for the same width, pushing content 440px right.
Removed the redundant margin-left and added a width transition to the
Drawer for smooth toggle animation.
---
 web/src/components/Sidebar.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index d0e0ef7..5b7f15c 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -64,6 +64,7 @@ export default function Sidebar() {
       sx={{
         width: open ? DRAWER_WIDTH : 0,
         flexShrink: 0,
+        transition: 'width 250ms ease',
         '& .MuiDrawer-paper': {
           width: DRAWER_WIDTH,
           boxSizing: 'border-box',