Update to styles

Author: dcstlouis

src/client/src/pages/DataView360/DataView360.js

@@ -5,6 +5,7 @@ import {
     Container,
     Box,
     Button,
+    Grid,
     Table,
     TableBody,
     TableCell,
@@ -38,13 +39,15 @@ const customStyles = theme => ({
     tableRowEven: {
         backgroundColor: "#FFFFFF",
         "&:hover": {
-            backgroundColor: "#E6F7FF"
+            backgroundColor: "#E6F7FF",
+            cursor: "pointer"
         }
     },
     tableRowOdd: {
         backgroundColor: "#E8E8E8",
         "&:hover": {
-            backgroundColor: "#CCEEFF"
+            backgroundColor: "#CCEEFF",
+            cursor: "pointer"
         }
     },
     headerCell: {
@@ -182,10 +185,15 @@ class DataView360 extends Component {
                 this.state.showParticipant === true) && (
                     <Paper className={styles.main} elevation={1} style={{"padding": "1em"}}>
                         <ContactInfo participant={_.get(this.state, 'participantData.contact_details')}/>
-                        <Button variant="contained" color="primary" className={styles.back_button} 
-                            onClick={() => { 
-                                this.setState({showParticipant: false, showTable: true, showSearchBar: true }) 
-                            }}>Back to Results</Button>
+                        <Container>
+                            <Grid container direction="row" justify="center" alignItems="center" style={{"margin-top": "1em"}}>
+                                <Button variant="contained" color="primary"
+                                    onClick={() => { 
+                                    this.setState({showParticipant: false, showTable: true, showSearchBar: true }) 
+                                    }}>Back to Results
+                                </Button>
+                            </Grid>
+                        </Container>
                         <Donations donations={_.get(this.state, 'participantData.donations')}/>
                         <Adoptions adoptions={_.get(this.state, 'participantData.adoptions')}/>
                         <Volunteer volunteer={_.get(this.state, 'participantData.shifts')}

src/client/src/pages/DataView360/styles/DataView360.module.css

@@ -7,13 +7,4 @@
 	grid-row-gap: 0px;
 	background-color: initial;
 	box-shadow: none;
-}
-.back_button{
-	position: relative;
-	display: grid;
-	margin-left: 60px !important;
-	margin-right: 60px !important;
-	margin-top: 10px !important;
-	max-width: 175px;
-	max-height: 36.5px;
 }