diff --git a/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx b/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx index cdbef47524..e34bd094ab 100644 --- a/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx +++ b/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx @@ -3,6 +3,7 @@ import { Panel, PanelBody, RangeControl, + SelectControl, } from '@wordpress/components'; import MailPoet from 'mailpoet'; import PropTypes from 'prop-types'; @@ -79,6 +80,16 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => { value={settings.borderColor} onChange={partial(updateStyles, 'borderColor')} /> + diff --git a/views/form/editor.html b/views/form/editor.html index 38f8103401..d8b6cb213f 100644 --- a/views/form/editor.html +++ b/views/form/editor.html @@ -53,6 +53,10 @@ 'formSettingsBorderSize': _x('Border Size', 'A label for checkbox in form style settings'), 'formSettingsBorderRadius': _x('Border Radius', 'A label for checkbox in form style settings'), 'formSettingsInputPadding': _x('Input Padding', 'A label for form style settings'), + 'formSettingsAlignment': _x('Alignment', 'A label for form style settings'), + 'formSettingsAlignmentLeft': _x('left', 'An alignment value for form editor'), + 'formSettingsAlignmentCenter': _x('center', 'An alignment value for form editor'), + 'formSettingsAlignmentRight': _x('right', 'An alignment value for form editor'), 'formSettingsBorderColor': _x('Border Color', 'A label for checkbox in form style settings'), 'formSettingsApplyToAll': __('Apply styles to all inputs'), 'customFieldSettings': _x('Custom field settings', 'A settings section heading'),