From 62050e9cb6ae33f350669f48be19ca5a16b032ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Kottal?= <snielsen43@gmail.com>
Date: Mon, 14 Oct 2024 11:47:31 +0200
Subject: [PATCH] fixes icon alignment in links in redirect dashboard

---
 .../dashboard-redirect-management.element.ts   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts
index 6dc438db9e..e07c2596d0 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-redirect-management/dashboard-redirect-management.element.ts
@@ -212,15 +212,19 @@ export class UmbDashboardRedirectManagementElement extends UmbLitElement {
 			return html` <uui-table-row>
 				<uui-table-cell> ${data.culture || '*'} </uui-table-cell>
 				<uui-table-cell>
-					<a href="${data.originalUrl || '#'}" target="_blank"> ${data.originalUrl}</a>
-					<uui-icon name="icon-out"></uui-icon>
+					<a href="${data.originalUrl || '#'}" target="_blank">
+						<span>${data.originalUrl}</span>
+						<uui-icon name="icon-out"></uui-icon>
+					</a>
 				</uui-table-cell>
 				<uui-table-cell>
 					<uui-icon name="icon-arrow-right"></uui-icon>
 				</uui-table-cell>
 				<uui-table-cell>
-					<a href="${data.destinationUrl || '#'}" target="_blank"> ${data.destinationUrl}</a>
-					<uui-icon name="icon-out"></uui-icon>
+					<a href="${data.destinationUrl || '#'}" target="_blank">
+						<span>${data.destinationUrl}</span>
+						<uui-icon name="icon-out"></uui-icon>
+					</a>
 				</uui-table-cell>
 				<uui-table-cell>
 					<uui-action-bar style="justify-self: left;">
@@ -290,6 +294,12 @@ export class UmbDashboardRedirectManagementElement extends UmbLitElement {
 				justify-content: center;
 				margin-top: var(--uui-size-space-5);
 			}
+
+			uui-table-cell a:has(span, uui-icon) {
+				display: inline-flex;
+				align-items: center;
+				gap: var(--uui-size-2);
+			}
 		`,
 	];
 }