From 9b5f6f33f625829a182f73b6b4b2d46026729333 Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Fri, 7 Aug 2026 20:24:46 +0200 Subject: [PATCH] style(app): indent the sidebar new workspace row The row only renders under its project header, so stepping it in reads as part of that project rather than as a peer of it. Extra padding rather than margin keeps the hover and pressed fills on the same box as every other sidebar row. --- packages/app/src/components/sidebar-workspace-list.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/app/src/components/sidebar-workspace-list.tsx b/packages/app/src/components/sidebar-workspace-list.tsx index 622c931cf..69aa51a19 100644 --- a/packages/app/src/components/sidebar-workspace-list.tsx +++ b/packages/app/src/components/sidebar-workspace-list.tsx @@ -2415,11 +2415,15 @@ const styles = StyleSheet.create((theme) => ({ workspaceListContainer: {}, // Kept in step with `workspaceRow` above. It stands in a project's list where a workspace row // would be, so it takes that row's geometry and both of its fills. + // + // The one departure is the extra left padding: it only ever renders under its project header, so + // the step in reads as belonging to that project. Padding rather than margin, so the hover and + // pressed fills stay the same box as every other row in the sidebar. newWorkspaceGhostRow: { minHeight: 36, marginBottom: theme.spacing[0.5], paddingVertical: theme.spacing[2], - paddingLeft: theme.spacing[2], + paddingLeft: theme.spacing[4], paddingRight: theme.spacing[3], borderRadius: theme.borderRadius.lg, flexDirection: "row",