From: Pascal de Vink <pascal@pascaldevink.nl>
Date: Mon, 26 Jun 2023 19:46:15 +0000 (+0100)
Subject: Add space between cancel and ban button
X-Git-Url: http://these/git/%7B%60https:/%7Bthis.state.thumbnail%7D?a=commitdiff_plain;h=6dc9c6376b7102992076ee032e3104e059e0fe8b;p=lemmy-ui.git

Add space between cancel and ban 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.
---

diff --git a/src/shared/components/person/profile.tsx b/src/shared/components/person/profile.tsx
index d000368..6015f6f 100644
--- a/src/shared/components/person/profile.tsx
+++ b/src/shared/components/person/profile.tsx
@@ -693,6 +693,8 @@ export class Profile extends Component<
             >
               {I18NextService.i18n.t("cancel")}
             </button>
+          </div>
+          <div className="mb-3 row">
             <button
               type="submit"
               className="btn btn-secondary"