Merge pull request #303 from CodeForPhilly/bugfix/issue293-blank360view

Bugfix: resolves issue #293

Author: c-simpson

src/client/src/pages/DataView360/View/components/DataTableHeader.js

@@ -2,36 +2,24 @@ import React from 'react';
 import {
     Typography,
 } from '@material-ui/core';
-import { makeStyles, withStyles } from '@material-ui/core/styles';
 import Grid from "@material-ui/core/Grid";
 
 
-const customStyles = makeStyles({
-    spaceIcon: {
-        marginTop: 3,
-        marginRight: 3
-    },
-    headerCell: {
-        fontWeight: "bold"
-    },
-});
-
 function DataTableHeader(props) {
-    const classes = customStyles();
     const { headerText, emojiIcon } = props;
     return (
         <Typography variant='h5'>
             <Grid container style={{ "margin": "0.5em" }} direction={'row'}>
-                <Grid item className={classes.spaceIcon}>
-                    { emojiIcon }
+                <Grid item style={{ "marginTop": "3", "marginRight": "3" }}>
+                    {emojiIcon}
                 </Grid>
                 <Grid item>
-                    { headerText }
+                    {headerText}
                 </Grid>
-                { props.children }
+                {props.children}
             </Grid>
         </Typography>
     );
 }
 
-export default withStyles(customStyles)(DataTableHeader);
+export default DataTableHeader;