Firefox titlebuttons not centered

[horca]

Hi vinceliuice, really great job with the theme. Square variant has become my go to theme. But there is a small issue that just keeps on bothering me. The title buttons in Firefox are not centered Close button is slightly centered slightly to the right and minimize button is centered slightly to the left.

[ghost]

I too had this problem for a long time but found a working solution. To solve the alignment of the buttons, you can tweak the styles from line 4731 to 4753 in the gtk.css (I'm using the Qogir-win-dark variant). Then, I realized the images used for the button icons are too small for Firefox's default tab toolbar height, so in order to fit them nicely you need to resize the tab toolbar height to 30px.

To to this, you need to add a userChrome.css in ~/.mozilla/firefox/{your_profile}/chrome/ For the tab toolbar itself:

#TabsToolbar {
    max-height: 30px !important;
    min-height: 30px !important;
}

If you want your tabs to take the whole new height:

.tabbrowser-tab {
  min-height: 30px !important;
  max-height: 30px !important;
  vertical-align: top !important;
  -moz-box-sizing: border-box !important;
  border: none !important;
}

And to change the default position of the titlebar buttons:

.titlebar-buttonbox-container {
    margin-right: -4px !important;
}

Result: