Added padding for fieldset data

This commit is contained in:
ajmaley 2018-11-01 21:08:50 -04:00
parent 6ecf626659
commit 035608a19b
1 changed files with 11 additions and 2 deletions

View File

@ -1,8 +1,15 @@
import React, { Component} from 'react'; import React, { Component} from 'react';
import Grid from '@material-ui/core/Grid'; import Grid from '@material-ui/core/Grid';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { withStyles } from '@material-ui/core/styles';
import FlameLinkImage from './FlameLinkImage'; import FlameLinkImage from './FlameLinkImage';
const styles = theme => ({
flamelinkFieldSetItem: {
paddingBottom: 10,
},
});
class FlameLinkFieldSetContent extends Component { class FlameLinkFieldSetContent extends Component {
getContent(key, type, description, fieldsetContent){ getContent(key, type, description, fieldsetContent){
@ -28,16 +35,18 @@ class FlameLinkFieldSetContent extends Component {
} }
render() { render() {
const { classes } = this.props;
const lg = this.props.field.gridColumns.lg; const lg = this.props.field.gridColumns.lg;
const md = this.props.field.gridColumns.md; const md = this.props.field.gridColumns.md;
const sm = this.props.field.gridColumns.sm; const sm = this.props.field.gridColumns.sm;
const xs = this.props.field.gridColumns.xs; const xs = this.props.field.gridColumns.xs;
return( return(
<Grid item lg={lg} md={md} sm={sm} xs={xs}> <Grid item lg={lg} md={md} sm={sm} xs={xs} className={classes.flamelinkFieldSetItem}>
{this.getContent(this.props.fieldKey, this.props.type, this.props.field.description, this.props.data)} {this.getContent(this.props.fieldKey, this.props.type, this.props.field.description, this.props.data)}
</Grid> </Grid>
); );
} }
} }
export default FlameLinkFieldSetContent; export default withStyles(styles)(FlameLinkFieldSetContent);