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 ( 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>