fix: restore breathing room between traffic lights and first tab (CORE-2312)

[jeanfbrito]

Summary

Follow-up to #3413 (CORE-2312 design review): the round-4 leading-padding reduction also shrank the breathing room between the macOS traffic lights and the first workspace tab.

Changes

• Widen the traffic-light spacer (78px → 82px) so the gap after the traffic lights returns to its reviewed width (~18px), while keeping the 4px tab-area leading padding introduced in the design review.

Testing

• npx tsc --noEmit, eslint clean
• Verified on a live macOS build: first tab starts 18px after the traffic lights, matching the designer's "correct" reference screenshot

Summary by CodeRabbit

• Bug Fixes
  • Adjusted expanded tab bar spacing for improved alignment.
  • Collapsed tab bars remain unchanged.

[coderabbitai]

Walkthrough

The TabBar traffic light spacer now uses an 82px width when expanded, while retaining a 0px width when collapsed.

Changes

Tab bar layout

Layer / File(s)	Summary
Traffic light spacer width src/ui/components/TabBar/styles.tsx	The non-collapsed TrafficLightSpacer width changes from 78px to 82px; the collapsed width remains 0px.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Suggested labels: type: bug

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly describes restoring spacing between the traffic lights and the first tab, which matches the main change.

Warning

Review ran into problems

🔥 Problems

Errors were encountered while retrieving linked issues.

Errors (2)

• CORE-2312: Request failed with status code 401
• ROUND-4: Request failed with status code 401

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Linux installer download

• rocketchat-4.16.0-alpha.1-linux-amd64.deb
• rocketchat-4.16.0-alpha.1-linux-amd64.snap
• rocketchat-4.16.0-alpha.1-linux-x86_64.AppImage

[github-actions]

macOS installer download

• rocketchat-4.16.0-alpha.1-mac.dmg
• rocketchat-4.16.0-alpha.1-mac.pkg

[github-actions]

Windows installer download

• rocketchat-4.16.0-alpha.1-win-arm64.exe
• rocketchat-4.16.0-alpha.1-win-arm64.msi
• rocketchat-4.16.0-alpha.1-win-ia32.exe
• rocketchat-4.16.0-alpha.1-win-ia32.msi
• rocketchat-4.16.0-alpha.1-win-x64.exe
• rocketchat-4.16.0-alpha.1-win-x64.msi
• rocketchat-4.16.0-alpha.1-win.exe

[jeanfbrito]

Closing as superseded.

The 82px spacer was a follow-up to the old tab bar (#3413 / #3419). dev now uses 76px from the Tabs/Sidebar/Titlebar rewrite in #3424, and that is the metric we want to keep. Forcing 82px would undo the current chrome without a new measurement.

CORE-2312 stays closed against the current 76px spacer.