Window Control Buttons Misaligned in Compact Mode

[dravenreynard]

Captchas

• I have read the instructions.
• I have searched existing issues and avoided creating duplicates.
• I am not filing an enhancement request.

What happened?

When using Zen Browser in compact mode, the window control buttons (Minimize, Maximize, and Close) are not properly aligned to the far right corner of the window. Instead, they appear slightly offset, making the UI look inconsistent.

Expected Behavior:
The window control buttons should be flush against the top-right corner, maintaining proper alignment.

Actual Behavior:
The buttons appear shifted and not properly positioned.

Screenshots:

Full View	Specific

• Zen Mods Used: None
• Custom CSS Applied: None

Reproducible?

• I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.10.1b

What platform are you seeing the problem on?

Windows

Relevant log output if applicable

[sporocyst]

Not sure if it wll be fixed. Before that, you could add this to userChrome.css

:root[zen-compact-mode="true"]:not([customizing]):not([inDOMFullscreen="true"]) {
  @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") or (-moz-bool-pref: "zen.view.use-single-toolbar") {
    & #zen-appcontent-navbar-container {
    margin-right: calc(-1 * var(--zen-element-separation));
    }
  }
}

[zen-browser-auto]

Closing this issue as part of a repo cleanup

Due to technical-debt we had in the past, we are currently clearing out old, duplicate, stale, and non-actionable issues to improve issue tracking and make it easier to focus on fixing real bugs.

If this issue is still relevant, please open a new issue using our updated issue template, which will help us categorize and address it more efficiently.

Thanks for your understanding and for helping us improve the project! 🚀

This issue can be reopened at: https://github.com/zen-browser/desktop/issues/new?template=bug_report.yml&title=Window%20Control%20Buttons%20Misaligned%20in%20Compact%20Mode%0A