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..d769562be3 100644 --- a/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx +++ b/frontend/src/features/admin-form/create/end-page/PaymentEndPageBlock.tsx @@ -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..8d5a5b067a 100644 --- a/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx +++ b/frontend/src/features/public-form/components/FormEndPage/components/PaymentEndPagePreview.tsx @@ -33,9 +33,9 @@ export const PaymentEndPagePreview = ({ pt={{ base: '1rem', md: '1.5rem' }} mx={{ base: '1rem', md: '2rem' }} bg="transparent" - width="100%" + w="100%" > - + {isFeedbackSubmitted ? null : (