From 99d6f74d1b04d45d94a97a73eae5b7e204ee715c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tautvidas=20Sipavi=C4=8Dius?= <t.9b5as@gmail.com>
Date: Wed, 17 Feb 2016 18:56:23 +0200
Subject: [PATCH] Change inline form fields to not be inline

---
 .../newsletter_editor/components/forms.styl   |  3 +++
 .../automatedLatestContent/settings.hbs       | 20 +++++++++----------
 .../blocks/posts/settingsDisplayOptions.hbs   | 20 +++++++++----------
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/assets/css/src/newsletter_editor/components/forms.styl b/assets/css/src/newsletter_editor/components/forms.styl
index fa2cdc175e..a8f1152464 100644
--- a/assets/css/src/newsletter_editor/components/forms.styl
+++ b/assets/css/src/newsletter_editor/components/forms.styl
@@ -37,3 +37,6 @@
 
   input[type=text]
     vertical-align: middle
+
+.mailpoet_form_field_block
+  display: block
diff --git a/views/newsletter/templates/blocks/automatedLatestContent/settings.hbs b/views/newsletter/templates/blocks/automatedLatestContent/settings.hbs
index 9bb5760fca..7189c094c6 100644
--- a/views/newsletter/templates/blocks/automatedLatestContent/settings.hbs
+++ b/views/newsletter/templates/blocks/automatedLatestContent/settings.hbs
@@ -190,9 +190,9 @@
                     <%= __('Below text') %><br />
                 </label>
             </div>
-            <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Preceded by:') %></div>
-            <div class="mailpoet_form_field_input_option">
-                <input type="text" class="mailpoet_input mailpoet_input_medium mailpoet_automated_latest_content_author_preceded_by" value="{{ model.authorPrecededBy }}" />
+            <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
+            <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+                <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_author_preceded_by" value="{{ model.authorPrecededBy }}" />
             </div>
         </div>
 
@@ -216,16 +216,16 @@
                     <%= __('Below text') %>
                 </label>
             </div>
-            <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Preceded by:') %></div>
-            <div class="mailpoet_form_field_input_option">
-                <input type="text" class="mailpoet_input mailpoet_input_medium mailpoet_automated_latest_content_categories" value="{{ model.categoriesPrecededBy }}" />
+            <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
+            <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+                <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_categories" value="{{ model.categoriesPrecededBy }}" />
             </div>
         </div>
 
         <hr class="mailpoet_separator" />
 
         <div class="mailpoet_form_field">
-            <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('"Read more" text') %></div>
+            <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Read more" text') %></div>
             <div class="mailpoet_form_field_radio_option">
                 <label>
                     <input type="radio" name="mailpoet_automated_latest_content_read_more_type" class="mailpoet_automated_latest_content_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
@@ -239,11 +239,11 @@
                 </label>
             </div>
 
-            <div class="mailpoet_form_field_input_option">
-                <input type="text" class="mailpoet_automated_latest_content_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
+            <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+                <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
             </div>
 
-            <div class="mailpoet_form_field_input_option">
+            <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
                 <a href="javascript:;" class="mailpoet_automated_latest_content_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
             </div>
         </div>
diff --git a/views/newsletter/templates/blocks/posts/settingsDisplayOptions.hbs b/views/newsletter/templates/blocks/posts/settingsDisplayOptions.hbs
index 1062cb09ee..ffcdb3d0cd 100644
--- a/views/newsletter/templates/blocks/posts/settingsDisplayOptions.hbs
+++ b/views/newsletter/templates/blocks/posts/settingsDisplayOptions.hbs
@@ -144,9 +144,9 @@
                 <%= __('Below text') %><br />
             </label>
         </div>
-        <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Preceded by:') %></div>
-        <div class="mailpoet_form_field_input_option">
-            <input type="text" class="mailpoet_input mailpoet_input_medium mailpoet_posts_author_preceded_by" value="{{ model.authorPrecededBy }}" />
+        <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
+        <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+            <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_author_preceded_by" value="{{ model.authorPrecededBy }}" />
         </div>
     </div>
 
@@ -170,16 +170,16 @@
                 <%= __('Below text') %>
             </label>
         </div>
-        <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Preceded by:') %></div>
-        <div class="mailpoet_form_field_input_option">
-            <input type="text" class="mailpoet_input mailpoet_input_medium mailpoet_posts_categories" value="{{ model.categoriesPrecededBy }}" />
+        <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
+        <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+            <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_categories" value="{{ model.categoriesPrecededBy }}" />
         </div>
     </div>
 
     <hr class="mailpoet_separator" />
 
     <div class="mailpoet_form_field">
-        <div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('"Read more" text') %></div>
+        <div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Read more" text') %></div>
         <div class="mailpoet_form_field_radio_option">
             <label>
                 <input type="radio" name="mailpoet_posts_read_more_type" class="mailpoet_posts_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
@@ -193,11 +193,11 @@
             </label>
         </div>
 
-        <div class="mailpoet_form_field_input_option">
-            <input type="text" class="mailpoet_input mailpoet_posts_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
+        <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
+            <input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
         </div>
 
-        <div class="mailpoet_form_field_input_option">
+        <div class="mailpoet_form_field_input_option mailpoet_form_field_block">
             <a href="javascript:;" class="mailpoet_posts_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
         </div>
     </div>