userChrome.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/*This style will blend Firefox 65+ in elementary OS.  Currently tested on Linux on Nightly*/

/* This userChrome is for button layout Elementary Reversed */

@import "base.css";
@import "flatpak.css";

/* brings window controls in the nav bar */
.titlebar-buttonbox {
    flex-direction: row-reverse !important;
    top: 11px !important;
    position: absolute !important;
    display: flex !important;
    width: calc(0px - 100vw) !important;
    height: 25px !important;
}

/* brings max button to the left */
.titlebar-max,
.titlebar-restore {
    margin-right: calc(100vw - 35px) !important;
}

/* brings close button to the right */
.titlebar-close {
    margin-right: calc(11px - 100vw) !important;
}

/* dont show window controls in fullscreen */
:root[sizemode="fullscreen"] .titlebar-buttonbox {
    display: none !important;
}

/* makes room for window control buttons */
#nav-bar {
    padding: 0px 42px 0px 48px !important;
}