From 035608a19b2f6d09cadd3c9025666293e65a5b41 Mon Sep 17 00:00:00 2001
From: ajmaley <maleya@mail.gvsu.edu>
Date: Thu, 1 Nov 2018 21:08:50 -0400
Subject: [PATCH] Added padding for fieldset data

---
 src/components/FlameLinkFieldSetContent.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/FlameLinkFieldSetContent.js b/src/components/FlameLinkFieldSetContent.js
index 2e32b0a..61db810 100644
--- a/src/components/FlameLinkFieldSetContent.js
+++ b/src/components/FlameLinkFieldSetContent.js
@@ -1,8 +1,15 @@
 import React, { Component} from 'react';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
+import { withStyles } from '@material-ui/core/styles';
 import FlameLinkImage from './FlameLinkImage';
 
+const styles = theme => ({
+        flamelinkFieldSetItem: {
+            paddingBottom: 10,
+        },
+    });
+
 class FlameLinkFieldSetContent extends Component {
 
     getContent(key, type, description, fieldsetContent){
@@ -28,16 +35,18 @@ class FlameLinkFieldSetContent extends Component {
     }
 
     render() {
+        const { classes } = this.props;
+
         const lg = this.props.field.gridColumns.lg;
         const md = this.props.field.gridColumns.md;
         const sm = this.props.field.gridColumns.sm;
         const xs = this.props.field.gridColumns.xs;
         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)}
             </Grid>
         );
     }
 }
 
-export default FlameLinkFieldSetContent;
\ No newline at end of file
+export default withStyles(styles)(FlameLinkFieldSetContent);
\ No newline at end of file