Hi, please learn userChrome for about 20mins or more :

• https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
• https://www.userchrome.org/what-is-userchrome-css.html
• https://www.userchrome.org/how-create-userchrome-css.html
• http://kb.mozillazine.org/UserChrome.css

Find code and hope it still works, delete and start over :

• https://www.reddit.com/r/FirefoxCSS/

Learn to Search :

• https://support.mozilla.org/en-US/questions/1157451

Maybe learn this also :

• https://addons.mozilla.org/en-US/firefox/addon/styl-us/

Please let us know if this solved your issue or if need further assistance.

The position of the three window control button is usually set in the OS settings.

You can possibly move the titlebar-buttonbox-container to the left end of the Tab bar but you need to remove the margin-right that reserves space for this element and re-add the margin-left to provide space for this container.

Add code to the userChrome.css file below the default @namespace line.

• http://kb.mozillazine.org/userChrome.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#titlebar-buttonbox-container { -moz-box-ordinal-group: 0 !important }
.titlebar-placeholder { display:none !important; }
#tabbrowser-tabs { margin-left: 114px !important }

charlesklein said

on fire fox the tab button on the top has an x on the right that closes the screen for that window i want to move it to the left side.

If you mean the X on windows Title bars and not on Tabs in Firefox then you may be able to change it in the Window Manager settings of whatever manager you are using.

In XFCE it is easy as you can go into Window Manager settings and move the buttons around on Title bar to be the way you like.