Improve style on macOS

[mantou132]

Problem Description

Under MacOS, the title bar of the PWA does not look very beautiful

Proposed Solution

Imitation of chrome PWA

[black7375]

Just Info) To write a CSS that targets a specific operating system. black7375/Firefox-UI-Fix#331 (comment)

v99 above firefox: mozilla/gecko-dev@5fed8de#diff-314c90db7a8ea5667e97a1ff5079d02192246d424244fc9dcebd568f3e1c87e7

@media (-moz-platform: linux) {
}

@media (-moz-platform: macos) {
}

@media (-moz-platform: windows) {
}

@media (-moz-platform: windows-win7) {
}

@media (-moz-platform: windows-win8) {
}

@media (-moz-platform: windows-win10) {
}

v99 below firefox:

@media (-moz-gtk-csd-available) {
  /* Linux */
}

@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
  /* Mac */
}

@media (-moz-platform: windows-win7) {
}

@media (-moz-platform: windows-win8) {
}

@media (-moz-platform: windows-win10) {
}

[filips123]

Which changes exactly do you have in mind? I guess centering the title and removing that gap in the right corner? Other than that, Firefox and Chrome PWAs look pretty similar to me.

[black7375]

IMO, drag space(gap) should be located in the left corner.