Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How to align all tab content (tab text, tab icon) on left but keep tab close button on right in userChrome.css

  • No replies
  • 1 has this problem
  • 12 views
marco.yang.ca
marco.yang.ca
more options

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?

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?