UI - fix sticky contact info

Author: urirot

src/client/src/App.js

@@ -7,7 +7,7 @@ import Header, {AdminHeader} from "./components/Header";
 import HomePage from './pages/Home';
 import Admin from './pages/Admin';
 import Search360 from './pages/DataView360/Search/Search';
-import View360 from './pages/DataView360/View/View';
+import View360 from './pages/DataView360/View/View360';
 import About from './pages/About';
 import Login from './components/Login/Login';
 import RefreshDlg from './components/RefreshDlg';

src/client/src/pages/DataView360/View/View.js renamed to src/client/src/pages/DataView360/View/View360.js

@@ -26,9 +26,11 @@ const customStyles = theme => ({
         color: '#fff',
     },
     stickyContainer: {
-        position: 'fixed',
-        paddingTop: 25,
-        left: '-25em'
+        position: 'sticky',
+        top: 100
+    },
+    tablesCol: {
+        minWidth: '600px'
     }
 });
 
@@ -61,7 +63,7 @@ class View360 extends Component {
                     'Content-Type': 'application/json',
                     'Authorization': 'Bearer ' + this.props.access_token
                 }
-            }  );
+            });
         response = await response.json();
 
         this.setState({
@@ -109,23 +111,24 @@ class View360 extends Component {
                                 </Grid>
                             </Grid>
                             <Grid container direction={"row"} spacing={3}>
-                                <Grid item sm={4}>
+                                <Grid item xs={4}>
                                     <Grid className={classes.stickyContainer} container direction={"column"}
                                           alignItems={"center"}>
                                         <Grid item>
                                             <ContactInfo
                                                 participant={_.get(this.state, 'participantData.contact_details')}/>
                                         </Grid>
                                         <Grid item style={{"padding": "1em"}}>
-                                            <Button elevation={2} variant="contained" color="primary"
+                                            <Button style={{"minWidth": "180"}} elevation={2} variant="contained"
+                                                    color="primary"
                                                     onClick={() => {
                                                         this.onBackClick()
                                                     }}>Back to Results
                                             </Button>
                                         </Grid>
                                     </Grid>
                                 </Grid>
-                                <Grid item sm>
+                                <Grid item xs={8} className={classes.tablesCol}>
                                     <Grid container direction="column" style={{"marginTop": "1em"}}>
                                         <Donations donations={_.get(this.state, 'participantData.donations')}/>
                                         <Adoptions adoptions={_.get(this.state, 'participantData.adoptions')}