fix(split-view): left-align close buttons in split view tabs

[ritiksahni]

Problem Statement

When switching from a normal tab to a split view tab group in the vertical tab bar, users often click the center area of the split view group. However, with multiple tabs (3-4) in split view, the close buttons (X) appear in the center area where users naturally click, leading to accidental tab closes.

I personally faced this problem while having a split view group for my reading session across multiple tabs. I accidentally closed the tabs multiple times while switching.

User Impact:

• Accidental tab closes when clicking center to switch tabs
• Poor UX especially with 3-4 tabs in split view

Proposed Solution

Position all close buttons on the left edge of each tab in split view groups, instead of right/center positioning. This minimal change:

• Prevents accidental closes when clicking center area
• Maintains close button accessibility
• Zero breaking changes. It's just repositioning for better UX.

Changes

• Modified src/zen/split-view/zen-split-group.inc.css to position close buttons on left edge
• Added padding to tab content to accommodate left-positioned buttons

Testing

Tested with:

• 2 tabs in split view
• 3-4 tabs in split view (most problematic case)
• Switching from normal tabs to split view groups

Screenshots

[mr-cheffy]

@JaceThings thoughts on this?