Margin acting like a padding causes trouble

Hello team,

This margin-bottom field, in the Pro Form element identifies as a padding-bottom and outputs a padding-bottom in the front end.
Thanks for taking into consideration.

Best Regards,
Thierry

1 Like

Hi Thierry,

the behavior is inherited from the native Bricks form element, which maps this control to padding in exactly the same way, and we kept it like that for backward compatibility: fields sit next to each other via percentage widths, and a real margin would be added on top of that width and push fields onto the next line, while padding stays inside it.

If the padding gets in your way (e.g. because you styled the .form-group wrapper itself), you can reset it in the Custom CSS of the form element:

root .form-group:not(.submit-button-wrapper) {
padding-bottom: 0 !important;
margin-bottom: 20px;
}

Best regards
Daniele

1 Like