From 06b9dc09f5da94444ad0af97a38eaf5891a5c5b8 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Wed, 8 Nov 2023 19:13:45 +0100
Subject: [PATCH] Show cancel button next to submit button in user invite modal

---
 .../modals/create/user-create-success-modal.element.ts    | 6 ++++--
 .../user/user/modals/invite/user-invite-modal.element.ts  | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/create/user-create-success-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/create/user-create-success-modal.element.ts
index 678d66730c..9012a70162 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/create/user-create-success-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/create/user-create-success-modal.element.ts
@@ -87,13 +87,15 @@ export class UmbUserCreateSuccessModalElement extends UmbModalBaseElement<
 				@click=${this.#onCreateAnotherUser}
 				slot="actions"
 				label="Create another user"
-				look="secondary"></uui-button>
+				look="secondary">
+			</uui-button>
 			<uui-button
 				@click=${this.#onGoToProfile}
 				slot="actions"
 				label="Go to profile"
 				look="primary"
-				color="positive"></uui-button>
+				color="positive">
+			</uui-button>
 		</uui-dialog-layout>`;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/invite/user-invite-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/invite/user-invite-modal.element.ts
index 7d7ccaba77..be2618932e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/invite/user-invite-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/modals/invite/user-invite-modal.element.ts
@@ -117,7 +117,6 @@ export class UmbUserInviteModalElement extends UmbModalBaseElement {
 				? html`
 						<uui-button
 							@click=${this._closeModal}
-							style="margin-right: auto"
 							slot="actions"
 							label="Close"
 							look="secondary"></uui-button>
@@ -131,16 +130,17 @@ export class UmbUserInviteModalElement extends UmbModalBaseElement {
 				: html`
 						<uui-button
 							@click=${this._closeModal}
-							style="margin-right: auto"
 							slot="actions"
 							label="Cancel"
-							look="secondary"></uui-button>
+							look="secondary">
+						</uui-button>
 						<uui-button
 							@click="${this._submitForm}"
 							slot="actions"
 							type="submit"
 							label="Send invite"
-							look="primary"></uui-button>
+							look="primary">
+						</uui-button>
 				  `}
 		</uui-dialog-layout>`;
 	}