From fa0a7c1f548e8df79aaf2744b6b2c5c28aef315f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 21 Nov 2023 22:22:55 +1300
Subject: [PATCH] add labels to view bundle dropdown

---
 .../components/collection-view-bundle.element.ts          | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-view-bundle.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-view-bundle.element.ts
index ca67b70a05..8283848981 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-view-bundle.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-view-bundle.element.ts
@@ -67,7 +67,7 @@ export class UmbCollectionViewBundleElement extends UmbLitElement {
 	#renderItem(view: ManifestCollectionView) {
 		return html`
 			<uui-button compact href="${this._collectionRootPathname}/${view.meta.pathName}">
-				${this.#renderItemDisplay(view)}
+				${this.#renderItemDisplay(view)} <span class="label">${view.meta.label}</span>
 			</uui-button>
 		`;
 	}
@@ -79,6 +79,12 @@ export class UmbCollectionViewBundleElement extends UmbLitElement {
 	static styles = [
 		UmbTextStyles,
 		css`
+			:host {
+				--uui-button-content-align: left;
+			}
+			.label {
+				margin-left: var(--uui-size-space-1);
+			}
 			.filter-dropdown {
 				display: flex;
 				gap: var(--uui-size-space-3);