wrap a box around filters and rows and style
@@ -26,7 +26,11 @@ const styles = (_theme: ITheme) => {
},
row: {
display: 'flex',
- flexDirection: 'row',
+ flexDirection: 'row'
+ },
+ lowerHalf: {
+ display: 'flex',
+ flexDirection: 'column',
padding: '52vh 5% 1%',
position: 'absolute',
top: 0,
@@ -66,6 +70,7 @@ class Home extends React.Component<IAllProps, IState> {
const matchingJobs = jobs.filter(j => j.matches)
return (
<div>
+ <Box justifyContent='center' className={classes.lowerHalf}>
<FilterContainer showJobs={setShowJobs} />
<div className={classes.row}>
<Box className={classes.column}>
@@ -107,6 +112,7 @@ class Home extends React.Component<IAllProps, IState> {
</Box>
) : null}
</div>
+ </Box>
</div>
)
}
