diff --git a/src/components/modal/modal.module.scss b/src/components/modal/modal.module.scss index a844f23e..95daa544 100644 --- a/src/components/modal/modal.module.scss +++ b/src/components/modal/modal.module.scss @@ -194,3 +194,7 @@ padding: 0; } } + +.noMargin { + margin: 0; +} diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx index 2dd20972..0d37ebcc 100644 --- a/src/components/modal/modal.tsx +++ b/src/components/modal/modal.tsx @@ -117,11 +117,12 @@ export const ModalHeader = ({ children, tooltipText, size }: ModalHeaderProps) = interface ModalFooterProps extends ModalSize { children?: React.ReactNode; + noMargin?: boolean; } -export const ModalFooter = (props: ModalFooterProps) => { - if (!props.children) return null; - return
{props.children}
; +export const ModalFooter = ({ children, noMargin }: ModalFooterProps) => { + if (!children) return null; + return
{children}
; }; export const triggerOnEnter = diff --git a/src/pages/dashboard/forms/confirm-unstake-form.tsx b/src/pages/dashboard/forms/confirm-unstake-form.tsx index 4ca9e32b..42e03fc7 100644 --- a/src/pages/dashboard/forms/confirm-unstake-form.tsx +++ b/src/pages/dashboard/forms/confirm-unstake-form.tsx @@ -22,13 +22,13 @@ const ConfirmUnstakeForm = (props: Props) => { <> {props.title} - +
- -
diff --git a/src/pages/dashboard/forms/forms.module.scss b/src/pages/dashboard/forms/forms.module.scss index ed4df26f..062a03a5 100644 --- a/src/pages/dashboard/forms/forms.module.scss +++ b/src/pages/dashboard/forms/forms.module.scss @@ -112,7 +112,3 @@ } } } - -.cancelButton { - margin-right: $space-lg; -}