Add input padding form settings

[MAILPOET-2809]

assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx

@@ -2,6 +2,7 @@ import React, { useRef } from 'react';
 import {
   Panel,
   PanelBody,
+  RangeControl,
 } from '@wordpress/components';
 import MailPoet from 'mailpoet';
 import PropTypes from 'prop-types';
@@ -48,6 +49,14 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => {
             value={settings.fontSize}
             onChange={partial(updateStyles, 'fontSize')}
           />
+          <RangeControl
+            label={MailPoet.I18n.t('formSettingsInputPadding')}
+            value={settings.inputPadding !== undefined ? settings.inputPadding : 5}
+            min={0}
+            max={30}
+            allowReset
+            onChange={partial(updateStyles, 'inputPadding')}
+          />
         </div>
       </PanelBody>
     </Panel>