diff --git a/app/assets/stylesheets/steps.scss b/app/assets/stylesheets/steps.scss index df9d1872f..42e3335cb 100644 --- a/app/assets/stylesheets/steps.scss +++ b/app/assets/stylesheets/steps.scss @@ -20,6 +20,16 @@ } } } + + .checklist-name-container, + .table-name-container { + align-items: center; + display: flex; + + .remove-container { + padding-top: 10px; + } + } } #steps { diff --git a/app/views/steps/_form_checklists.html.erb b/app/views/steps/_form_checklists.html.erb index e30b1324b..abe957e14 100644 --- a/app/views/steps/_form_checklists.html.erb +++ b/app/views/steps/_form_checklists.html.erb @@ -1,20 +1,21 @@
-
- - <%= t("protocols.steps.new.checklist_panel_title") %> -
- <%= ff.remove_nested_fields_link do %> - - <% end %> -
-
- <%= ff.smart_text_area :name, - label: t('protocols.steps.new.checklist_name'), - class: 'checklist_name', - autofocus: true, - placeholder: t('protocols.steps.new.checklist_name_placeholder'), - data: { 'atwho-edit' => '' } %> +
+
+ <%= ff.smart_text_area :name, + label: t('protocols.steps.new.checklist_name'), + class: 'checklist_name', + autofocus: true, + single_line: true, + placeholder: t('protocols.steps.new.checklist_name_placeholder'), + data: { 'atwho-edit' => '' } %> +
+
+ <%= ff.remove_nested_fields_link do %> + + <% end %> +
+
<%= ff.label t("protocols.steps.new.checklist_items") %>