Add style settings to button inspector control and store them

[MAILPOET-2604]

assets/js/src/form_editor/blocks/submit/edit.jsx

@@ -9,6 +9,7 @@ import PropTypes from 'prop-types';
 import MailPoet from 'mailpoet';
 
 import ParagraphEdit from '../paragraph_edit.jsx';
+import StylesSettings from './styles_settings';
 
 const SubmitEdit = ({ attributes, setAttributes }) => {
   const inspectorControls = (
@@ -23,7 +24,7 @@ const SubmitEdit = ({ attributes, setAttributes }) => {
           />
         </PanelBody>
       </Panel>
-
+      <StylesSettings onChange={(styles) => setAttributes({ styles })} styles={attributes.styles} />
     </InspectorControls>
   );
 
@@ -44,6 +45,11 @@ SubmitEdit.propTypes = {
   attributes: PropTypes.shape({
     label: PropTypes.string.isRequired,
     className: PropTypes.string,
+    styles: PropTypes.shape({
+      fullWidth: PropTypes.bool.isRequired,
+      inheritFromTheme: PropTypes.bool.isRequired,
+      bold: PropTypes.bool,
+    }),
   }).isRequired,
   setAttributes: PropTypes.func.isRequired,
 };

assets/js/src/form_editor/store/blocks_to_form_body.jsx

@@ -260,6 +260,7 @@ export const blocksToFormBodyFactory = (colorDefinitions, fontSizeDefinitions, c
             id: 'submit',
             type: 'submit',
             name: 'Submit',
+            styles: mapBlockStyles(block.attributes.styles),
           };
         case 'mailpoet-form/divider':
           return {

assets/js/src/form_editor/store/form_body_to_blocks.jsx

@@ -308,6 +308,10 @@ export const formBodyToBlocksFactory = (
           return {
             ...mapped,
             name: 'mailpoet-form/submit-button',
+            attributes: {
+              ...mapped.attributes,
+              styles: mapBlockStyles(item.styles),
+            },
           };
         case 'divider':
           delete mapped.attributes.label;
@@ -316,7 +320,6 @@ export const formBodyToBlocksFactory = (
             name: 'mailpoet-form/divider',
           };
         case 'html':
-          delete mapped.attributes.label;
           return {
             ...mapped,
             name: 'mailpoet-form/html',