diff --git a/src/Fieldset.js b/src/Fieldset.js index c07e1ae..ce27797 100644 --- a/src/Fieldset.js +++ b/src/Fieldset.js @@ -19,7 +19,10 @@ const FieldsetLabel = props => { props.children } props.theme.Fieldset.borderBottomColor }; borderBottomWidth: ${props => props.last ? 0 : props.theme.Fieldset.borderBottomWidth }; - padding: ${props => props.theme.Fieldset.padding }; + paddingTop : ${props => props.theme.Fieldset.paddingTop }; + paddingRight : ${props => props.theme.Fieldset.paddingRight }; + paddingBottom : ${props => props.theme.Fieldset.paddingBottom }; + paddingLeft : ${props => props.theme.Fieldset.paddingLeft }; ` FieldsetWrapper.defaultProps = { diff --git a/src/FormGroup.js b/src/FormGroup.js index d22c525..dadbc2a 100644 --- a/src/FormGroup.js +++ b/src/FormGroup.js @@ -35,7 +35,10 @@ const FormGroupWrapper = styled.View` justify-content: flex-start; height: ${props => calculateHeight(props)}; marginBottom: ${props => props.theme.FormGroup.marginBottom}; - padding: ${props => props.theme.FormGroup.padding}; + paddingTop : ${props => props.theme.FormGroup.paddingTop }; + paddingRight : ${props => props.theme.FormGroup.paddingRight }; + paddingBottom : ${props => props.theme.FormGroup.paddingBottom }; + paddingLeft : ${props => props.theme.FormGroup.paddingLeft }; ` FormGroupWrapper.defaultProps = { diff --git a/src/Theme.js b/src/Theme.js index 265a2c8..625a0d5 100644 --- a/src/Theme.js +++ b/src/Theme.js @@ -19,7 +19,10 @@ const Theme = { labelSize: 9, labelWeight: 700, labelHeight: 25, - padding: '12 8' + paddingTop: 12, + paddingBottom: 12, + paddingLeft: 8, + paddingRight: 8, }, FormGroup: { borderColor: '#ebebeb', @@ -29,7 +32,10 @@ const Theme = { errorBorderColor: 'red', height: 35, marginBottom: 10, - padding: '0 10' + paddingTop: 0, + paddingBottom: 0, + paddingLeft: 10, + paddingRight: 10, }, BaseInput: { placeholderColor: '#c9c9c9',