From a539b040d6c5316ed02f25c646c3e90b78ac1bb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Tue, 13 Dec 2022 08:55:55 +0100
Subject: [PATCH] adjust styling of document type editor

---
 .../document-type/editor-document-type.element.ts        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts
index 6d7b3310d7..8d2b9e87cd 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts
@@ -25,8 +25,15 @@ export class UmbEditorDocumentTypeElement extends UmbContextProviderMixin(
 				height: 100%;
 			}
 
+			#header {
+				display: flex;
+				flex: 1 1 auto;
+				margin: 0 var(--uui-size-layout-1);
+			}
+
 			#name {
 				width: 100%;
+				flex: 1 1 auto;
 			}
 
 			#alias {
@@ -121,7 +128,7 @@ export class UmbEditorDocumentTypeElement extends UmbContextProviderMixin(
 	render() {
 		return html`
 			<umb-editor-entity-layout alias="Umb.Editor.DocumentType">
-				<div slot="header">
+				<div id="header" slot="header">
 					<div>Icon</div>
 					<uui-input id="name" .value=${this._documentType?.name} @input="${this._handleInput}">
 						<div id="alias" slot="append">${this._documentType?.alias}</div>