From 62b67be33d80515b529027da16e72f64228620de Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:40:02 +0100
Subject: [PATCH] optimize ui

---
 .../info/document-workspace-view-info.element.ts    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.ts
index c78b29c41b..2a70b8b600 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.ts
@@ -218,23 +218,24 @@ export class UmbDocumentWorkspaceViewInfoElement extends UmbLitElement {
 			<div class="general-item">
 				<strong><umb-localize key="content_documentType">Document Type</umb-localize></strong>
 				<uui-ref-node-document-type
+					standalone
 					href=${this._editDocumentTypePath + 'edit/' + this._documentTypeUnique}
 					name=${ifDefined(this._documentTypeName)}>
-					<uui-icon slot="icon" name=${ifDefined(this._documentTypeIcon)}></uui-icon>
+					<umb-icon slot="icon" name=${ifDefined(this._documentTypeIcon)}></umb-icon>
 				</uui-ref-node-document-type>
 			</div>
 			<div class="general-item">
 				<strong><umb-localize key="template_template">Template</umb-localize></strong>
 				${this._templateUnique
 					? html`<uui-ref-node
+							standalone
 							name=${ifDefined(this._templateName)}
 							href=${this._editTemplatePath + 'edit/' + this._templateUnique}>
 							<uui-icon slot="icon" name="icon-newspaper"></uui-icon>
-							<uui-button
-								slot="actions"
-								label=${this.localize.term('general_edit')}
-								@click=${this.#openTemplatePicker}></uui-button>
-						</uui-ref-node>`
+							<uui-action-bar slot="actions">
+								<uui-button label=${this.localize.term('general_edit')} @click=${this.#openTemplatePicker}></uui-button>
+							</uui-action-bar>
+					  </uui-ref-node>`
 					: html`<uui-button
 							label=${this.localize.term('general_edit')}
 							@click=${this.#openTemplatePicker}></uui-button>`}