From bdc369985c738a6826ce4a804f7aaabf851bfe6e Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Thu, 12 Sep 2024 16:29:13 +0100
Subject: [PATCH] Tweaked "read more" button icon

to appear next to the label, rather than below it.
---
 .../sysinfo/components/new-version.element.ts       | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/new-version.element.ts b/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/new-version.element.ts
index 616b1b347c..b12c0e7b23 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/new-version.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/new-version.element.ts
@@ -1,6 +1,6 @@
 import { UmbSysinfoRepository } from '../repository/sysinfo.repository.js';
 import type { UmbServerUpgradeCheck } from '../types.js';
-import { customElement, html, state, when } from '@umbraco-cms/backoffice/external/lit';
+import { css, customElement, html, state, when } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
 
@@ -41,7 +41,7 @@ export class UmbNewVersionElement extends UmbModalBaseElement {
 								color="positive"
 								label=${this.localize.term('general_readMore')}>
 								<umb-localize key="general_readMore">Read more</umb-localize>
-								<umb-icon name="icon-out"></umb-icon>
+								<umb-icon slot="extra" name="icon-out"></umb-icon>
 							</uui-button>`
 						: ''}
 				</uui-dialog-layout>
@@ -49,7 +49,14 @@ export class UmbNewVersionElement extends UmbModalBaseElement {
 		`;
 	}
 
-	static override readonly styles = [UmbTextStyles];
+	static override readonly styles = [
+		UmbTextStyles,
+		css`
+			umb-icon {
+				margin-left: var(--uui-size-2);
+			}
+		`,
+	];
 }
 
 export default UmbNewVersionElement;