BBC Buttons aligning vertically in Shoutbox?

[Senkusha]

Link to my forum: https://forum.animerpgs.com
SMF version: 2.1.4
TP version: 3.0.2
Default Forum Language: English
Theme name and version: Reseller_v2.0.4 (2), SMF Default Theme - Curve2
Browser Name and Version: FireFox (136.0.1 (64-bit)), Chrome (134.0.6998.90 (Official Build) (64-bit))
Mods installed: Activity Bar (2.0.1), Alternate User Posting (2.1.2), Anime Avatars (1.0), Awesome Post Ratings (2.0.4b), Badge Awards (2.6.2b), Battle (1.17.9.4), Battle Image Expansion 1 (1.2), Battle Image Expansion 2 (1.1), Battle Image Expansion 3 (1.1), Battle Image Expansion 4 (1.1), Board Sorting Method (1.0.1), Country Flags (3.0), Curve2 Color Changer (1.4.2), Custom Board Icons (2.0.0), Dice Roller BBcode (2.0), Discord Web Hooks (2.0.2), Discord Who's Online (1.0.1), Downloads Pro Addon - Display Credits (1.0), Emoji Pro (2.1a), Message Bookmarks (0.9.5), More Spiders (1.3.1), Optimus (3.0 RC3), Quick Spoiler (1.5.4), Similar Topics (1.3.1), Simple Referrals (1.4.7), SimpleDesk - Integrated Helpdesk for Simple Machines Forum (2.1.3), SMF Classifieds (5.1.10), SMF Gallery Pro (10.2.2a), SMF Post Prefix (4.3.4), SMF Store (5.0.1), SMF Trader System (3.0.3a), ST Shop (4.1.13), Stop Forum Spam (1.5.6), TinyPortal (3.0.2), Topic Solved (1.1.3)
Related Error messages:
No errors were logged.

What would cause this?  I've also extended my Left Panel to like 300 px, with no change.

You cannot view this attachment.

[@rjen]

Cannot see an attachment, description not clear, please provide a link to where the issue can be seen.

[Senkusha]

Sorry, I had turned off the BBC buttons.  They're enabled again.
You cannot view this attachment.

[@rjen]

It is caused by your theme.

If you switch to the standard theme it is okay:
You cannot view this attachment.

In your theme it is not:
The css is missing a float: left for .sceditor-button div, that is being used here...
You cannot view this attachment.

I cannot see where it come from exactly, because you css minification is on: turn that off and you can see where it comes from.
Is you theme an available (free) theme? If so, which?

[Senkusha]

Okay.  I disabled CSS/Javascript Minification.

The theme is Reseller, it's a free one available at SMF here

[@rjen]

The problem is in the css for the SCE editor, that is in the theme

If youa add float: left; to the css for .sceditor-button { that will fix it.
It may have undesired effectes elsewhere in the them though...

[Senkusha]

Awesome!  Thank you!

So in the /Reseller/css/custom/custom_edits.css file, I added the following:

Code Select Expand

.sceditor-button {
  float: left;
}

And that did the trick!