spacing, code formatting

Author: Slavomír Žiak

json-viewer/src/component/App.js

@@ -67,17 +67,18 @@ export default class App extends React.Component {
       <div style={{flexGrowL:1}}>
         <input type="file" rows="50" cols="100" onChange={(e) => readSingleFile(e, this.handleNewJson)} />
 
-        <Grid container spacing={3}>
+        <Grid container spacing={0}>
           {this.state.headerFull.map(header => {  
             return (
-              <Grid item xs={3}>
-              <FormControlLabel control={
-                <Checkbox
-                checked={this.state.header.includes(header)}
-                onChange={() => this.toggleHeader(header)} 
-                inputProps={{ 'aria-label': header }} /> } 
-                label={header}
-              />
+              <Grid item xs={2}>
+                <FormControlLabel control={
+                    <Checkbox
+                    checked={this.state.header.includes(header)}
+                    onChange={() => this.toggleHeader(header)} 
+                    inputProps={{ 'aria-label': header }} /> 
+                  } 
+                  label={header}
+                />
               </Grid>
             );
           })}

json-viewer/src/component/DataTable.js

@@ -7,7 +7,7 @@ export default function DataTable({header, data}) {
 
     const columns = header.map(h => { return { field: h, headerName: h, sortable: true, flex: 1};});
 
-    columns.splice(0, 0, {field: 'index', headerName: '#', flex: 1})
+    columns.splice(0, 0, {field: 'index', headerName: '#'})
 
     const rows = data.map((item, index) => {
       const row = header.reduce((acc, h) => { acc[h] = item[h]; return acc;}, {id: index});