How to align all tab content (tab text, tab icon) on left but keep tab close button on right in userChrome.css
I am currently using a css theme that makes firefox look somewhat like safari, so all of the tabs' content (the text and icon) are lined up in the center. However, the close tab button also ends up lining up in the center, and I'm not sure how to fix that, because of the following code:
/* Center all content */ .tab-content { display: flex; justify-content: center; align-items: center; margin-top: -1px; min-width: 100% !important; padding: 0 10px !important; }
the align-items: center makes it so that the close tab button is also in the center. How can I change the position of the close tab button individually?