Redesign import last step new segment modal

[MAILPOET-3073]

assets/js/src/modal.js

@@ -87,7 +87,7 @@ MailPoet.Modal = {
     popup: '<div id="mailpoet_popup" class="mailpoet_popup" tabindex="-1">'
         + '<div class="mailpoet_popup_wrapper">'
         + '<a href="javascript:;" id="mailpoet_modal_close" class="mailpoet_modal_close">' + closeModalImage + '</a>'
-        + '<div id="mailpoet_popup_title" class="mailpoet_popup_title"><h2></h2></div>'
+        + '<div id="mailpoet_popup_title" class="mailpoet_popup_title"><h2 class="mailpoet-h2"></h2></div>'
         + '<div class="mailpoet_popup_body clearfix"></div>'
         + '</div>'
         + '</div>',

views/subscribers/importExport/import/step_data_manipulation.html

@@ -5,7 +5,10 @@
     <script id="new_segment_template" type="text/x-handlebars-template">
       <p>
         <label><%= __('Name') %>:</label>
+        <br/>
+        <div class="mailpoet-form-input">
           <input id="new_segment_name" type="text" name="name" />
+        </div>
       </p>
       <p class="mailpoet_validation_error" data-error="segment_name_required">
         <%= __('Please specify a name.') %>
@@ -16,16 +19,14 @@
       <p>
         <label><%= __('Description') %>:</label>
         <br/>
+        <div class="mailpoet-form-textarea">
           <textarea id="new_segment_description" cols="40" rows="3" name="description" />
+        </div>
       </p>
 
-      <hr/>
-
       <p class="mailpoet_align_right">
-        <input type="submit" value="<%= __('Done') %>" id="new_segment_process"
-         class="button-primary "/>
-        <input type="submit" value="<%= __('Cancel') %>" id="new_segment_cancel"
-         class="button-primary"/>
+        <input type="submit" value="<%= __('Cancel') %>" id="new_segment_cancel" class="mailpoet-button mailpoet-button-light"/>
+        <input type="submit" value="<%= __('Done') %>" id="new_segment_process" class="mailpoet-button"/>
       </p>
 
       </form>