Remove the margint bottom to keep height minimal

[MAILPOET-2740]

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 {

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');