From ffde74d8bb813d180d78de101352018f645ac693 Mon Sep 17 00:00:00 2001 From: Abhinav Date: Fri, 10 Jun 2022 00:19:41 +0530 Subject: [PATCH 1/2] center the forms --- src/components/Form/FormContainer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Form/FormContainer.tsx b/src/components/Form/FormContainer.tsx index 17196679c..829f6112a 100644 --- a/src/components/Form/FormContainer.tsx +++ b/src/components/Form/FormContainer.tsx @@ -2,7 +2,7 @@ import { styled } from '@mui/material/styles'; import VerticallyCentered from 'components/Container'; const FormContainer = styled(VerticallyCentered)(({ theme }) => ({ - alignItems: 'flex-end', + alignItems: 'center', paddingRight: theme.spacing(10), [theme.breakpoints.down('md')]: { paddingRight: theme.spacing(5), From 9a4d357d4a2e32de3b75b2e733f3f139159ba636 Mon Sep 17 00:00:00 2001 From: Abhinav Date: Fri, 10 Jun 2022 00:21:23 +0530 Subject: [PATCH 2/2] remove right padding --- src/components/Form/FormContainer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Form/FormContainer.tsx b/src/components/Form/FormContainer.tsx index 829f6112a..b5b95297a 100644 --- a/src/components/Form/FormContainer.tsx +++ b/src/components/Form/FormContainer.tsx @@ -3,7 +3,7 @@ import VerticallyCentered from 'components/Container'; const FormContainer = styled(VerticallyCentered)(({ theme }) => ({ alignItems: 'center', - paddingRight: theme.spacing(10), + [theme.breakpoints.down('md')]: { paddingRight: theme.spacing(5), },