Button padding in the editor is confusing

Product Support
1

Your software
My Mautic version is: 5.1.0
My PHP version is: 8.1
My Database type and version is:

Your problem
After changing a button’s text on a new landing page the padding changes and I can’t revert it by using the style settings. Tested with Firefox 128.

This is what a freshly added button looks like:
button-new

This happens after changing the text:

button-text-changed
button-text-changed1796×802 24.1 KB

CSS on the preview page:
grafik

Steps I have tried to fix the problem: Looked at the CSS, tried changing padding in the editor.

2

Maybe good to know: The email editor does a similar thing while editing, but in the preview it looks fine:
image

Tested with Brienz theme and my own edits.

3

@mika Is it just the way buttons look in the Editor that is messed up, or does the button in the saved Landing Page also appear broken?
Could you make an issue in Github so this can be followed up on? If it’s just the look in the Edit window, it might be a small thing to fix.

1 Like