fix(ui): add margin to delete role button

pull/802/head
Cheney Ni 2022-09-23 12:15:20 -04:00
parent eb4670ec43
commit ca73e9728f
1 changed files with 6 additions and 2 deletions

View File

@ -70,6 +70,10 @@ export const Roles = observer(({ server }: Props) => {
} }
`; `;
const DeleteRoleButton = styled(Button)`
margin: 16px 0;
`;
return ( return (
<PermissionsLayout <PermissionsLayout
server={server} server={server}
@ -266,12 +270,12 @@ export const Roles = observer(({ server }: Props) => {
<h1> <h1>
<Text id="app.settings.categories.danger_zone" /> <Text id="app.settings.categories.danger_zone" />
</h1> </h1>
<Button <DeleteRoleButton
palette="error" palette="error"
compact compact
onClick={deleteRole}> onClick={deleteRole}>
<Text id="app.settings.permissions.delete_role" /> <Text id="app.settings.permissions.delete_role" />
</Button> </DeleteRoleButton>
</> </>
)} )}
</div> </div>