From 1b6d277bf1703e39da719eb3f998de4e06688db9 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Thu, 11 Jan 2024 15:43:01 +0100
Subject: [PATCH] list

---
 .../property-editor-ui-block-list.element.ts   | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
index a6e0c3c847..2775afbbda 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
@@ -1,5 +1,5 @@
 import { UMB_BLOCK_LIST_PROPERTY_EDITOR_ALIAS } from './manifests.js';
-import { html, customElement, property, state, styleMap, repeat, css } from '@umbraco-cms/backoffice/external/lit';
+import { html, customElement, property, state, repeat, css, nothing } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@@ -140,11 +140,11 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
 	render() {
 		return html` ${repeat(
 				this._layouts,
-				(x) => x.contentUdi,
-				(layoutEntry) =>
-					html` <uui-button-inline-create></uui-button-inline-create>
-						<umb-property-editor-ui-block-list-block .layout=${layoutEntry}>
-						</umb-property-editor-ui-block-list-block>`,
+				(x, index) => x.contentUdi + index,
+				(layoutEntry, index) => html`
+					<umb-property-editor-ui-block-list-block .layout=${layoutEntry}> </umb-property-editor-ui-block-list-block>
+					${index !== this._layouts.length - 1 ? html`<uui-button-inline-create></uui-button-inline-create>` : nothing}
+				`,
 			)}
 			<uui-button-group>
 				<uui-button
@@ -165,7 +165,12 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
 
 	static styles = [
 		UmbTextStyles,
+
 		css`
+			:host {
+				display: grid;
+				gap: 1px;
+			}
 			> div {
 				display: flex;
 				flex-direction: column;
@@ -173,6 +178,7 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
 			}
 
 			uui-button-group {
+				padding-top: 2px;
 				display: grid;
 				grid-template-columns: 1fr auto;
 			}