diff --git a/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx b/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx index 2a6f158e3b..0b1b863774 100644 --- a/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx +++ b/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx @@ -1,5 +1,5 @@ import { useEffect, useMemo, useRef } from 'react' -import { Box, VisuallyHidden } from '@chakra-ui/react' +import { Box, useBreakpointValue, VisuallyHidden } from '@chakra-ui/react' import { AdminStorageFormDto, @@ -18,12 +18,14 @@ export interface PaymentEndPageBlockProps { endPage: FormDto['endPage'] submissionData: SubmissionData focusOnMount?: boolean + useLargeMarginX?: boolean } export const PaymentEndPageBlock = ({ endPage, submissionData, focusOnMount, + useLargeMarginX, }: PaymentEndPageBlockProps): JSX.Element => { const { data: form } = useAdminForm() const focusRef = useRef(null) @@ -56,8 +58,12 @@ export const PaymentEndPageBlock = ({ form as AdminStorageFormDto, ) + const mxValue = useLargeMarginX + ? { base: '1rem', md: '4rem' } + : { base: '1rem', md: '0' } + return ( - + {submittedAriaText} diff --git a/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx b/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx index 638db9842e..0c0f19c88c 100644 --- a/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx +++ b/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx @@ -35,7 +35,7 @@ export const PaymentEndPagePreview = ({ bg="transparent" width="100%" > - + {isFeedbackSubmitted ? null : (