Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add space between cancel and ban button #1620

Conversation

pascaldevink
Copy link
Contributor

When banning a user, the modal has two buttons: cancel and ban. These buttons are so close to each other that it's hard to see they are separate buttons.

By putting each button on their own row, there is more space between them.

Before:
CleanShot 2023-06-26 at 20 55 06

After:
CleanShot 2023-06-26 at 20 53 54

@@ -693,6 +693,7 @@ export class Profile extends Component<
>
{I18NextService.i18n.t("cancel")}
</button>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just add mb-3 to the button, not adding a pointless row like this.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're right, I made an empty new row, where I meant to put the button in a new row 🤦 Fixed that

@jsit
Copy link
Contributor

jsit commented Jun 26, 2023

Rather than adding an empty div, put a margin bottom and display block on the existing button.

When banning a user, the modal has two buttons: cancel and ban. These
buttons are so close to each other that it's hard to see they are
separate buttons.
By putting each button on their own row, there is more space between
them.
@pascaldevink pascaldevink force-pushed the create_space_between_cancel_and_ban_button branch from 61d13f8 to 6dc9c63 Compare June 26, 2023 20:58
@SleeplessOne1917 SleeplessOne1917 merged commit 7cdbc42 into LemmyNet:main Jun 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants