From f9f5978f32139dd53f4ca70971df30b3b096cdda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Tue, 13 Feb 2024 08:56:28 +0100
Subject: [PATCH] move create  buttons out of layout

---
 .../block-grid-entries.element.ts             | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.ts
index d93385b6b8..e4428386e5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.ts
@@ -78,7 +78,8 @@ export class UmbBlockGridEntriesElement extends UmbLitElement {
 
 	// TODO: Missing ability to jump directly to creating a Block, when there is only one Block Type.
 	render() {
-		return html` ${this._styleElement}
+		return html`
+			${this._styleElement}
 			<div class="umb-block-grid__layout-container">
 				${repeat(
 					this._layoutEntries,
@@ -91,20 +92,21 @@ export class UmbBlockGridEntriesElement extends UmbLitElement {
 							.layout=${layoutEntry}>
 						</umb-block-grid-entry>`,
 				)}
-				<uui-button-group>
-					<uui-button
-						id="add-button"
-						look="placeholder"
-						label=${this._createButtonLabel}
-						href=${this.#context.getPathForCreateBlock(-1) ?? ''}></uui-button>
-					<uui-button
-						label=${this.localize.term('content_createFromClipboard')}
-						look="placeholder"
-						href=${this.#context.getPathForClipboard(-1) ?? ''}>
-						<uui-icon name="icon-paste-in"></uui-icon>
-					</uui-button>
-				</uui-button-group>
-			</div>`;
+			</div>
+			<uui-button-group>
+				<uui-button
+					id="add-button"
+					look="placeholder"
+					label=${this._createButtonLabel}
+					href=${this.#context.getPathForCreateBlock(-1) ?? ''}></uui-button>
+				<uui-button
+					label=${this.localize.term('content_createFromClipboard')}
+					look="placeholder"
+					href=${this.#context.getPathForClipboard(-1) ?? ''}>
+					<uui-icon name="icon-paste-in"></uui-icon>
+				</uui-button>
+			</uui-button-group>
+		`;
 		//
 	}