Make form editor modals wider

[MAILPOET-1565]

assets/css/src/form_editor.styl

@@ -565,4 +565,8 @@ handle_icon = '../img/handle.png'
 
 /* Settings */
 #mailpoet_form_segments.parsley-error + span .select2-selection
-  border: 1px solid #b94a48
+  border: 1px solid #b94a48
+
+.mailpoet_form_field_settings_text
+  width: 100%
+  min-height: 100px;

assets/js/src/form_editor/form_editor.js

@@ -1137,6 +1137,7 @@ WysijaForm.Widget = window.Class.create(WysijaForm.Block, {
       title: window.MailPoet.I18n.t('editFieldSettings'),
       template: window.jQuery('#form_template_field_settings').html(),
       data: this.getData(),
+      minWidth: '500px',
       onSuccess: function () {
         var data = window.jQuery('#form_field_settings').mailpoetSerializeObject();
         this.redraw(data);

assets/js/src/modal.js

@@ -320,6 +320,9 @@ define('modal', ['mailpoet', 'jquery'],
             jQuery('#mailpoet_popup_wrapper').css({
               height: this.options.height
             });
+            if (this.options.minWidth) {
+              jQuery('#mailpoet_popup').css({ minWidth: this.options.minWidth });
+            }
             break;
           case 'panel':
             // set dimensions

views/form/editor.html

@@ -598,6 +598,7 @@
           // open popup
           MailPoet.Modal.popup({
             title: "<%= __('Add new field') %>",
+            minWidth: "500px",
             template: $('#form_template_field_form').html()
           });
 
@@ -619,6 +620,7 @@
             MailPoet.Modal.popup({
               title: "<%= __('Edit field') %>",
               template: $('#form_template_field_form').html(),
+              minWidth: "500px",
               data: response.data
             });
           }).fail(function(response) {

views/form/templates/settings/field.hbs

@@ -48,7 +48,7 @@
   {{/ifCond}}
 
   {{#ifCond type '==' 'html'}}
-    <textarea name="params[text]">{{ params.text }}</textarea>
+    <textarea name="params[text]" class="mailpoet_form_field_settings_text">{{ params.text }}</textarea>
     <p class="clearfix">
       <label>
         <input type="hidden" name="params[nl2br]" value="0" />
@@ -74,4 +74,4 @@
       return false;
     });
   });
-<{{!}}/script>
+<{{!}}/script>