page2 style fix

Author: UniverseBible

src/pages/PageTwo/index.js

@@ -6,6 +6,7 @@ import Typography from '@material-ui/core/Typography';
 import CloudUploadIcon from '@material-ui/icons/CloudUpload';
 import { makeStyles } from '@material-ui/core/styles';
 import CssBaseline from '@material-ui/core/CssBaseline';
+import css from './index.module.less'
 
 
 
@@ -127,12 +128,13 @@ class PageTwo extends React.Component {
         return (
             <React.Fragment>
             <div>
-        
+            <div className={css.buttonBox}>
             <Container maxWidth="sm" component="main" className={useStyles.heroContent}>
             <Typography variant="h4" align="center" color="textPrimary" component="p">
                 Select VFG file to generate visualisation directly.
                 </Typography>
             </Container>
+            </div>
 
 
                 <Container  maxWidth="sm" component="main">
@@ -145,7 +147,7 @@ class PageTwo extends React.Component {
                 </Container>
 
                 <Container maxWidth="sm" component="main"  marginTop="50">
-                <div margin-top="50">
+                <div className={css.buttonBox}>
                 <Button variant="contained" color="#224878" onClick={this.handleOnClick} text-align="left">Cancel</Button>
                 <Button  variant="contained" color="primary"  startIcon={<CloudUploadIcon />} onClick={()=>{
                     // eslint-disable-next-line no-restricted-globals

src/pages/PageTwo/index.module.less

@@ -0,0 +1,18 @@
+   
+.buttonBox {
+    /* 
+    background: #fff;
+    */
+    display: flex;
+    justify-content: space-around;
+    padding: 20px;
+}
+
+.textBox {
+    /* 
+    background: #fff;
+    */
+    display: flex;
+    justify-content: space-around;
+    padding: 20px;
+}