diff --git a/.changelog/1836.trivial.md b/.changelog/1836.trivial.md new file mode 100644 index 0000000000..29076754b3 --- /dev/null +++ b/.changelog/1836.trivial.md @@ -0,0 +1 @@ +Improve Delete Account button layout on mobile diff --git a/src/app/components/Toolbar/Features/Account/ManageableAccountDetails.tsx b/src/app/components/Toolbar/Features/Account/ManageableAccountDetails.tsx index a9bfac1813..2425708812 100644 --- a/src/app/components/Toolbar/Features/Account/ManageableAccountDetails.tsx +++ b/src/app/components/Toolbar/Features/Account/ManageableAccountDetails.tsx @@ -41,7 +41,9 @@ const StyledForm = styled(Form)` justify-content: space-between; ` as typeof Form -const StyledDeleteButton = styled(Button)`` +const StyledDeleteButton = styled(Button)` + text-align: center; +` StyledDeleteButton.defaultProps = { plain: true, color: 'status-error', @@ -127,7 +129,7 @@ export const ManageableAccountDetails = ({ - +