Skip to content

Commit

Permalink
chore: fix alignment padding issues
Browse files Browse the repository at this point in the history
  • Loading branch information
kathleenkhy committed Feb 20, 2024
1 parent 69b9a8f commit 36b89ae
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export const EndPageBlock = ({
</Box>
) : null}
</Box>
<Box mt="1.5rem">
<Box mt="2rem">
<Box>
<Text textColor="secondary.300" textStyle="caption-2">
Response ID: {submissionData.id}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,9 @@ export const CreatePaymentIntentFailureBlock = ({
}, [formTitle, submissionId])

return (
<Flex flexDir="column">
<Stack tabIndex={-1} ref={focusRef} spacing="1rem">
<Box>
<Flex flexDir="column" mb="1rem">
<Stack tabIndex={-1} ref={focusRef} spacing="1rem" pb="2rem">
<Box pt="0.5rem">
<VisuallyHidden aria-live="assertive">
{submittedAriaText}
</VisuallyHidden>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,11 @@ import { getPaymentViewStates, PaymentViewStates } from './utils'
const PaymentFormWrapper = ({ children }: { children: React.ReactNode }) => {
return (
<PublicFormWrapper>
<Box pt={{ base: '2.5rem', md: '0' }} w="100%">
<Box
pt={{ base: '2.5rem', md: '0' }}
mb={{ base: '1.5rem', md: '0' }}
w="100%"
>
<Container w="100%" maxW="57rem" p={0}>
{children}
</Container>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,8 @@ export const DownloadReceiptBlock = ({
</Stack>
</Box>
<Box
my="1.5rem"
mt="1.5rem"
mb="1rem"
py={{ base: '1.5rem', md: '2rem' }}
px={{ base: '1rem', md: '2rem' }}
bgColor="white"
Expand Down

0 comments on commit 36b89ae

Please sign in to comment.