diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss index 7129f60337..a121cb8827 100644 --- a/assets/css/src/components-public/_public.scss +++ b/assets/css/src/components-public/_public.scss @@ -84,11 +84,6 @@ $form-columns-space-between: 20px; } .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 { - margin-bottom: 0; - } - @include breakpoint-min-width($form-break-small-width) { .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph:last-child { margin-bottom: 0; @@ -97,11 +92,6 @@ $form-columns-space-between: 20px; } div.mailpoet_form:not(.mailpoet_form_fixed_bar) { - // we want to remove the bottom margins of all last paragraphs to keep the height of the bar small - .mailpoet_paragraph.last { - margin-bottom: 0; - } - @include breakpoint-min-width($form-break-small-width) { .mailpoet_paragraph:last-child, .mailpoet_paragraph p:last-child { @@ -239,8 +229,8 @@ div.mailpoet_form_popup { .mailpoet_form_close_icon { cursor: pointer; display: block; - margin: 0 0 0 auto; float: right; + margin: 0 0 0 auto; } div.mailpoet_form_fixed_bar { diff --git a/lib/Form/Util/Styles.php b/lib/Form/Util/Styles.php index 00ca0ba37a..10418332f8 100644 --- a/lib/Form/Util/Styles.php +++ b/lib/Form/Util/Styles.php @@ -194,11 +194,14 @@ EOL; $messagesStyles = $this->renderMessagesStyles($formSettings, $selector); + $additionalStyles = $selector . ' .mailpoet_paragraph.last {margin-bottom: 0}'; + return $formWrapperStyles . $formElementStyles . $widthStyles . $messagesStyles . $typeSpecificStyles + . $additionalStyles . $media; }