Update styling

eellak · Aug 5, 2019 · 3b6b36e · 3b6b36e
1 parent 2ab593c
commit 3b6b36e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/FilesTab.js b/src/FilesTab.js
@@ -12,11 +12,13 @@ import TableRow from '@material-ui/core/TableRow';
 import TableSortLabel from '@material-ui/core/TableSortLabel';
 import Checkbox from '@material-ui/core/Checkbox';
 import Paper from '@material-ui/core/Paper';
+import Container from '@material-ui/core/Container';
 
 const styles = theme => ({
     root: {
         width: '100%',
         marginTop: theme.spacing(3),
+        overflow: 'auto'
       },
     flexContainer: {
         display: 'flex'
@@ -169,7 +171,7 @@ class FilesTab extends Component {
         let columnId = 0;
         const classes = this.props.classes;
         return (
-            <div>
+            <Container maxWidth='md'>
                 <Typography variant="h5" align="center">Select one or more files to be processed</Typography>
                 <div id="add-files">
                     {<Paper className={classes.root}>
@@ -248,7 +250,7 @@ class FilesTab extends Component {
                     </Paper>
                     }
                 </div>
-            </div >
+            </Container >
             );
         };
 }

diff --git a/src/ResultsTab.js b/src/ResultsTab.js
@@ -431,7 +431,7 @@ class ResultsTab extends Component {
         return (
             <div>
                 <Button variant="contained" disabled={this.props.processing} className={clsx({ [classes.disabled]: this.props.processing })} onClick={this.props.executeAll}>Execute</Button>
-                <Tabs textColor="secondary" value={this.state.tabIndex} onChange={(event, tabIndex) => this.changeTab(tabIndex)}>
+                <Tabs textColor="secondary" value={this.state.tabIndex} variant="scrollable" scrollButtons="auto" onChange={(event, tabIndex) => this.changeTab(tabIndex)}>
                     <Tab label="Results" />
                     {this.props.additionalResults.map((resultObj, index) => (
                         <Tab key={index} label={