fix(ui): add margin to delete role button (#802)

Co-authored-by: Cheney Ni <cheneyni@umich.edu>
This commit is contained in:
cheneyni-451 2023-01-24 12:56:50 -05:00 committed by GitHub
parent 89b3c9c098
commit e34c5c99fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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