feat(styled-components): fix custom component wrapper spacing

Author: Ian Wensink

src/CheckboxField/index.jsx

@@ -9,11 +9,12 @@ import Label from './styled/label';
 import Checkbox from './styled/checkbox';
 import Indicator from './styled/indicator';
 import InnerLabel from './styled/inner-label';
+import FieldsetFormRow from '../Fieldset/styled/wrapper';
 
 @observer
 class CheckboxField extends Component {
   static meta = {
-    wrapper: Fieldset.meta.wrapper,
+    wrapper: FieldsetFormRow,
     label: Fieldset.meta.label,
     wrapperProps: Fieldset.meta.wrapperProps,
     field_display: {

src/Converse/index.jsx

@@ -2,14 +2,16 @@ import { observer, inject } from 'mobx-react';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Fieldset from '../Fieldset';
+// styled
+import FieldsetFormRow from '../Fieldset/styled/wrapper';
 
 const FormulaParser = require('hot-formula-parser').Parser;
 
 @inject('formStore')
 @observer
 class Converse extends Component {
   static meta = {
-    wrapper: Fieldset.meta.wrapper,
+    wrapper: FieldsetFormRow,
     label: Fieldset.meta.label,
     wrapperProps: Fieldset.meta.wrapperProps,
     labelVisibility: Fieldset.meta.labelVisibility,

src/RadioField/index.jsx

@@ -10,10 +10,11 @@ import Wrapper from './styled/wrapper';
 import RadioLabel from './styled/radio-label';
 import Radio from './styled/radio';
 import Indicator from './styled/indicator';
+import FieldsetFormRow from '../Fieldset/styled/wrapper';
 
 class RadioField extends Component {
   static meta = {
-    wrapper: Fieldset.meta.wrapper,
+    wrapper: FieldsetFormRow,
     label: Fieldset.meta.label,
     wrapperProps: Fieldset.meta.wrapperProps,
   };