From 5c93ac4aa5c927a5d064c9e3ba6bb85a4c5fae5b Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Tue, 21 Jul 2026 19:10:59 +0200 Subject: [PATCH] fix(app): balance sidebar divider spacing --- packages/app/src/components/left-sidebar.tsx | 3 --- packages/app/src/components/sidebar-workspace-list.tsx | 4 +++- packages/app/src/components/sidebar/sidebar-status-list.tsx | 3 ++- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/app/src/components/left-sidebar.tsx b/packages/app/src/components/left-sidebar.tsx index 54a601203..9fc43b44e 100644 --- a/packages/app/src/components/left-sidebar.tsx +++ b/packages/app/src/components/left-sidebar.tsx @@ -980,9 +980,6 @@ const styles = StyleSheet.create((theme) => ({ sidebarHeaderGroup: { paddingTop: theme.spacing[2], gap: 2, - // Distance from History's bottom edge to the divider. WorkspacesSectionHeader - // uses a slightly smaller paddingTop to balance the action buttons' centering - // offset so the divider reads as visually centered between the two. paddingBottom: theme.spacing[1.5], borderBottomWidth: 1, borderBottomColor: theme.colors.border, diff --git a/packages/app/src/components/sidebar-workspace-list.tsx b/packages/app/src/components/sidebar-workspace-list.tsx index ebe40cf7c..47b120d85 100644 --- a/packages/app/src/components/sidebar-workspace-list.tsx +++ b/packages/app/src/components/sidebar-workspace-list.tsx @@ -2398,7 +2398,9 @@ const styles = StyleSheet.create((theme) => ({ }, listContent: { paddingHorizontal: theme.spacing[2], - paddingTop: theme.spacing[2], + // Optical inset: aligns the visible Pinned/Workspaces glyph edge with the + // Schedules icon across the divider; their layout boxes have different insets. + paddingTop: 2, paddingBottom: theme.spacing[4], }, projectListContainer: { diff --git a/packages/app/src/components/sidebar/sidebar-status-list.tsx b/packages/app/src/components/sidebar/sidebar-status-list.tsx index 7860067bc..c3e6b1259 100644 --- a/packages/app/src/components/sidebar/sidebar-status-list.tsx +++ b/packages/app/src/components/sidebar/sidebar-status-list.tsx @@ -722,7 +722,8 @@ const styles = StyleSheet.create((theme) => ({ }, listContent: { paddingHorizontal: theme.spacing[2], - paddingTop: theme.spacing[2], + // Keep status mode's Pinned/Workspaces boundary identical to project mode. + paddingTop: 2, paddingBottom: theme.spacing[4], }, pinnedSection: {