fix(activity): drop left padding so thread list reaches the window edge

The page wrapper used px-4, which left a 16px gap to the left of the
thread list — visually inconsistent with how sidebars abut the window
chrome elsewhere. Switch to pr-4 (keep right padding for the right
pane). Inner thread-list and right-pane padding remain unchanged.

Co-authored-by: Orca <help@stably.ai>
This commit is contained in:
brennanb2025
2026-05-12 15:15:37 -07:00
co-authored by Orca
parent ba2ff6c40d
commit d2d89afde9
@@ -778,11 +778,12 @@ export default function ActivityPrototypePage(): React.JSX.Element {
// Why (page padding): drop top padding so the worktree title row in the
// right pane and the WORKTREES label in the left pane sit flush with the
// titlebar above. The titlebar (ActivityTitlebarControls) already provides
// the breathing-room band; doubling it produced a visible gap above the
// first row.
// titlebar above; drop *left* padding so the thread list extends to the
// window edge (matches how sidebars abut the chrome elsewhere). The
// titlebar (ActivityTitlebarControls) already provides the breathing-room
// band, so doubling it produced a visible gap above the first row.
return (
<div className="flex h-full min-h-0 flex-col bg-background px-4 pb-3">
<div className="flex h-full min-h-0 flex-col bg-background pr-4 pb-3">
<main className="flex min-h-0 flex-1 overflow-hidden">
<aside
ref={threadListRef}