From 4e78e71cdc1a51e164639fcaba4e882778e1a07c Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Thu, 8 Feb 2024 15:50:22 +0000
Subject: [PATCH] Collection Toolbar styling tweaks

---
 .../core/collection/components/collection-toolbar.element.ts    | 1 +
 .../collection/components/collection-view-bundle.element.ts     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-toolbar.element.ts
index 46338b1aef..ded843daa5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-toolbar.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-toolbar.element.ts
@@ -17,6 +17,7 @@ export class UmbCollectionToolbarElement extends UmbLitElement {
 			:host {
 				display: flex;
 				gap: var(--uui-size-space-5);
+				justify-content: space-between;
 				width: 100%;
 			}
 		`,
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 c9d61c8325..642b7afa35 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
@@ -68,7 +68,7 @@ export class UmbCollectionViewBundleElement extends UmbLitElement {
 			<uui-button compact popovertarget="collection-view-bundle-popover" label="status">
 				${this.#renderItemDisplay(this._currentView)}
 			</uui-button>
-			<uui-popover-container id="collection-view-bundle-popover" placement="bottom">
+			<uui-popover-container id="collection-view-bundle-popover" placement="bottom-end">
 				<umb-popover-layout>
 					<div class="filter-dropdown">${this._views.map((view) => this.#renderItem(view))}</div>
 				</umb-popover-layout>