diff options
author | Determinant <ted.sybil@gmail.com> | 2019-02-19 14:45:03 -0500 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-02-19 14:45:03 -0500 |
commit | 4405b25ca6844b27ecc18ec91e37470d283726d3 (patch) | |
tree | 06fcd39e08af278abfd9e1457de15b7df0cb47bb /src/Analyze.tsx | |
parent | a6b9dadfe68921e6c7795518441109e77963ecd9 (diff) |
improve the UI
Diffstat (limited to 'src/Analyze.tsx')
-rw-r--r-- | src/Analyze.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/Analyze.tsx b/src/Analyze.tsx index cf87cb3..bb3f38c 100644 --- a/src/Analyze.tsx +++ b/src/Analyze.tsx @@ -194,7 +194,7 @@ class Analyze extends React.Component<AnalyzeProps> { const { classes } = this.props; return ( - <Grid container spacing={16}> + <Grid container spacing={16}> <AlertDialog title={this.state.dialogMsg.title} message={this.state.dialogMsg.message} @@ -205,9 +205,8 @@ class Analyze extends React.Component<AnalyzeProps> { open={this.state.snackBarOpen} variant={this.state.snackBarVariant} onClose={this.handleSnackbarClose}/> - <Grid item md={6} xs={12}> - <FormControl fullWidth={true}> - <FormGroup> + <Grid item container md={6} xs={12} spacing={16}> + <Grid item xs={12}> <Typography variant="h6" component="h1" gutterBottom> Analyzed Events <IconButton @@ -219,11 +218,13 @@ class Analyze extends React.Component<AnalyzeProps> { calendars={this.state.calendars} onRemovePattern={this.removePattern} onUpdatePattern={this.updatePattern} /> - </FormGroup> - <FormGroup> + </Grid> + <Grid item xs={12}> <Typography variant="h6" component="h1" gutterBottom> Time Range </Typography> + <FormControl fullWidth={true}> + <FormGroup> <div style={{textAlign: 'center'}}> <DateRangePicker startDate={this.state.startDate} @@ -254,7 +255,8 @@ class Analyze extends React.Component<AnalyzeProps> { </FormGroup> </Grid> </Grid> - </FormControl> + </FormControl> + </Grid> </Grid> <Grid item md={6} xs={12}> <Typography variant="h6" component="h1" gutterBottom> |