From 73b18d7698cdec13ff5b030fc56e97ae142aa377 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Fri, 23 Feb 2024 14:22:38 +0100
Subject: [PATCH] local styling of empty state

---
 .../components/log-viewer-messages-list.element.ts    | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.ts b/src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.ts
index 3a33e0b771..ec98da6550 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.ts
@@ -90,11 +90,11 @@ export class UmbLogViewerMessagesListElement extends UmbLitElement {
 							.exception=${log.exception ?? ''}
 							.messageTemplate=${log.messageTemplate ?? ''}></umb-log-viewer-message>`,
 			  )}`
-			: html`<umb-empty-state size="small">
+			: html`
 					<span id="empty">
 						<uui-icon name="icon-search"></uui-icon>Sorry, we cannot find what you are looking for.
 					</span>
-			  </umb-empty-state>`}`;
+			  `}`;
 	}
 
 	render() {
@@ -115,9 +115,7 @@ export class UmbLogViewerMessagesListElement extends UmbLitElement {
 				</div>
 				<div id="main">
 					${this._isLoading
-						? html`<umb-empty-state size="small">
-								<span id="empty"> <uui-loader-circle></uui-loader-circle>Loading log messages... </span>
-						  </umb-empty-state>`
+						? html` <span id="empty"> <uui-loader-circle></uui-loader-circle>Loading log messages... </span> `
 						: html`${this.#renderLogs()}`}
 				</div>
 			</uui-box>
@@ -172,11 +170,12 @@ export class UmbLogViewerMessagesListElement extends UmbLitElement {
 				justify-content: center;
 				align-items: center;
 				gap: var(--uui-size-space-3);
+				margin: var(--uui-size-space-5) 0;
 			}
 
 			#pagination {
 				display: block;
-				margin: var(--uui-size-space-5, 18px) 0;
+				margin: var(--uui-size-space-5) 0;
 			}
 		`,
 	];