From 4405b25ca6844b27ecc18ec91e37470d283726d3 Mon Sep 17 00:00:00 2001
From: Determinant <ted.sybil@gmail.com>
Date: Tue, 19 Feb 2019 14:45:03 -0500
Subject: improve the UI

---
 src/Analyze.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'src/Analyze.tsx')

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>
-- 
cgit v1.2.3-70-g09d2