diff --git a/src/components/Dashboard/ReservationPage/ReservationPage.style.ts b/src/components/Dashboard/ReservationPage/ReservationPage.style.ts index a380c8f243c6cf884e1a7707527c136b12735fca..6e92b3eaff4085cc4798c82415790044b4501dc2 100644 --- a/src/components/Dashboard/ReservationPage/ReservationPage.style.ts +++ b/src/components/Dashboard/ReservationPage/ReservationPage.style.ts @@ -47,19 +47,11 @@ export const reservationPageStyle = makeStyles(() => ({ fontSize: '50px', }, fab: { - margin: '1.9em', + margin: '5vw', bottom: '0', right: '0', position: 'fixed', fontSize: '2em', padding: '1.5em', }, - fabSmall: { - margin: '1.4em', - bottom: '0', - right: '0', - position: 'fixed', - fontSize: '1.7em', - padding: '1.4em', - }, })); diff --git a/src/components/Dashboard/ReservationPage/ReservationPage.tsx b/src/components/Dashboard/ReservationPage/ReservationPage.tsx index 1cfc1d8b83614ef5dfa22a6ab070874946c5b3c4..1553761475b21bd46d08294483a6cd89e2c95382 100644 --- a/src/components/Dashboard/ReservationPage/ReservationPage.tsx +++ b/src/components/Dashboard/ReservationPage/ReservationPage.tsx @@ -1,5 +1,5 @@ import React, { FC } from 'react'; -import { Grid, Typography, Hidden } from '@material-ui/core'; +import { Grid, Typography } from '@material-ui/core'; import AddIcon from '@material-ui/icons/Add'; import Fab from '@material-ui/core/Fab'; import { NavBar } from 'components/Dashboard/HomePage/NavBar'; @@ -28,29 +28,15 @@ export const ReservationPage: FC = () => { <ReservationPageHeader /> <ReservationDialog handleClose={handleClose} isOpen={isOpen} /> - <Hidden smDown> - <Fab - color="primary" - size="large" - className={classes.fab} - onClick={handleOpen} - aria-label="Add New Reservations" - > - <AddIcon className={classes.extendedIcon} /> - </Fab> - </Hidden> - - <Hidden mdUp> - <Fab - color="primary" - size="large" - aria-label="add" - className={classes.fabSmall} - onClick={handleOpen} - > - <AddIcon className={classes.extendedIcon} /> - </Fab> - </Hidden> + <Fab + color="primary" + size="large" + className={classes.fab} + onClick={handleOpen} + aria-label="Add New Reservations" + > + <AddIcon className={classes.extendedIcon} /> + </Fab> <Grid item container className={classes.paddingTop}> <Grid item xs={1} lg={2} />