diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss index 596f435c38..5f6f1a967d 100644 --- a/assets/css/src/components-public/_public.scss +++ b/assets/css/src/components-public/_public.scss @@ -83,6 +83,14 @@ $form-columns-space-between: 20px; margin-left: $form-columns-space-between; } +.mailpoet_form_fixed_bar { + // in fixed form bar we want to remove the bottom margins of all last paragraphs to keep the height of the bar small + .mailpoet_paragraph.last, + .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph:last-child { + margin-bottom: 0; + } +} + @mixin maxWidthColumns() { flex-wrap: wrap; @@ -217,6 +225,10 @@ div.mailpoet_form_fixed_bar { margin: 0 auto; max-width: 960px; } + + .mailpoet_form_close_icon { + float: right; + } } .mailpoet_form_position_top { diff --git a/assets/js/src/public.jsx b/assets/js/src/public.jsx index 81b7d59abf..bfd21629a0 100644 --- a/assets/js/src/public.jsx +++ b/assets/js/src/public.jsx @@ -84,6 +84,9 @@ jQuery(($) => { } $(() => { + $('.mailpoet_form').each((index, element) => { + $(element).children('.mailpoet_paragraph').last().addClass('last'); + }); const closeForm = (formDiv) => { formDiv.removeClass('active'); formDiv.prev('.mailpoet_form_popup_overlay').removeClass('active');