From 8d10047b41f8ebb93db9ae0ef373e91a3d9a1847 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Tue, 28 Mar 2023 15:27:40 +0200
Subject: [PATCH] move style down

---
 .../modals/template/template-modal.element.ts | 86 +++++++++----------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/template/template-modal.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/template/template-modal.element.ts
index 6ba041187c..a50dc39341 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/template/template-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/template/template-modal.element.ts
@@ -14,49 +14,6 @@ import { tryExecuteAndNotify } from '@umbraco-cms/backoffice/resources';
 // TODO: make use of UmbPickerLayoutBase
 @customElement('umb-template-modal')
 export class UmbTemplateModalElement extends UmbModalBaseElement<UmbTemplateModalData, UmbTemplateModalResult> {
-	static styles = [
-		UUITextStyles,
-		css`
-			uui-box {
-				position: relative;
-				display: block;
-				height: 100%;
-				margin: var(--uui-size-layout-1);
-			}
-
-			#layout-header {
-				display: flex;
-				width: 100%;
-				align-items: center;
-				margin: 0 var(--uui-size-layout-1);
-			}
-
-			#template-name {
-				align-items: center;
-				padding: 0 var(--uui-size-space-3);
-				flex-grow: 1;
-			}
-
-			umb-code-editor {
-				position: absolute; /** Umb-code-editor has issues with height, this is the temp solution on this case */
-				top: 75px;
-				left: 0;
-				bottom: 0;
-				width: 100%;
-			}
-
-			#button-group {
-				display: flex;
-				justify-content: space-between;
-			}
-
-			#secondary-group {
-				display: flex;
-				gap: var(--uui-size-space-4);
-			}
-		`,
-	];
-
 	@state()
 	_key = '';
 
@@ -149,6 +106,49 @@ export class UmbTemplateModalElement extends UmbModalBaseElement<UmbTemplateModa
 			</umb-body-layout>
 		`;
 	}
+
+	static styles = [
+		UUITextStyles,
+		css`
+			uui-box {
+				position: relative;
+				display: block;
+				height: 100%;
+				margin: var(--uui-size-layout-1);
+			}
+
+			#layout-header {
+				display: flex;
+				width: 100%;
+				align-items: center;
+				margin: 0 var(--uui-size-layout-1);
+			}
+
+			#template-name {
+				align-items: center;
+				padding: 0 var(--uui-size-space-3);
+				flex-grow: 1;
+			}
+
+			umb-code-editor {
+				position: absolute; /** Umb-code-editor has issues with height, this is the temp solution on this case */
+				top: 75px;
+				left: 0;
+				bottom: 0;
+				width: 100%;
+			}
+
+			#button-group {
+				display: flex;
+				justify-content: space-between;
+			}
+
+			#secondary-group {
+				display: flex;
+				gap: var(--uui-size-space-4);
+			}
+		`,
+	];
 }
 
 export default UmbTemplateModalElement;