Right align buttons, no need for a Cancel button

2026-03-11 08:54:26 +00:00 · 2022-06-14 10:14:37 -07:00 · 2022-06-14 10:14:37 -07:00 · 97418f5492
commit 97418f5492
parent 00bbb993bc
1 changed files with 4 additions and 10 deletions
--- a/packages/web/components/patterns/FormModal.tsx
+++ b/packages/web/components/patterns/FormModal.tsx
@ -82,19 +82,13 @@ export function FormModal(props: FormModalProps): JSX.Element {
                </HStack>
              ))}
              <HStack
-                alignment={'center'}
-                distribution="center"
+                alignment="end"
+                distribution="end"
                css={{
-                  padding: '20px 0 20px 0',
+                  width: '100%',
+                  padding: '32px 22px 20px 0',
                }}
              >
-                <Button
-                  style={'ctaPill'}
-                  onClick={() => props.onOpenChange(false)}
-                  css={{ marginRight: '20px' }}
-                >
-                  Cancel
-                </Button>
                <Button style={'ctaDarkYellow'}>
                  {props.acceptButtonLabel || 'Submit'}
                </Button>