Remove extra space right of traffic lights on macOS (#11176)

Nate Butler created 2 years ago

This PR balances the left and right spacing around the traffic lights on
macOS.

Release Notes:

- Minor UI changes to the titlebar

Change summary

crates/ui/src/components/title_bar/title_bar.rs | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)

Detailed changes

crates/ui/src/components/title_bar/title_bar.rs

@@ -88,7 +88,10 @@ impl RenderOnce for TitleBar {
                 } else if self.platform_style == PlatformStyle::Mac {
                     // Use pixels here instead of a rem-based size because the macOS traffic
                     // lights are a static size, and don't scale with the rest of the UI.
-                    this.pl(px(80.))
+                    //
+                    // Magic number: There is one extra pixel of padding on the left side due to
+                    // the 1px border around the window on macOS apps.
+                    this.pl(px(71.))
                 } else {
                     this.pl_2()
                 }