From 7aa98ed28d3d17868c3f9fd3f2bea8313bcfb938 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 30 Apr 2024 12:27:45 +0200
Subject: [PATCH] move pagination into history box

---
 ...ent-workspace-view-info-history.element.ts | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info-history.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info-history.element.ts
index 01ca4467de..8380d79265 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info-history.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info-history.element.ts
@@ -105,19 +105,19 @@ export class UmbDocumentWorkspaceViewInfoHistoryElement extends UmbLitElement {
 
 	render() {
 		return html`<uui-box>
-				<div id="rollback" slot="header">
-					<h2><umb-localize key="general_history">History</umb-localize></h2>
-					<uui-button
-						label=${this.localize.term('actions_rollback')}
-						look="secondary"
-						slot="actions"
-						@click=${this.#onRollbackModalOpen}>
-						<uui-icon name="icon-undo"></uui-icon>
-					</uui-button>
-				</div>
-				${this._items ? this.#renderHistory() : html`<uui-loader-circle></uui-loader-circle> `}
-			</uui-box>
-			${this.#renderPagination()}`;
+			<div id="rollback" slot="header">
+				<h2><umb-localize key="general_history">History</umb-localize></h2>
+				<uui-button
+					label=${this.localize.term('actions_rollback')}
+					look="secondary"
+					slot="actions"
+					@click=${this.#onRollbackModalOpen}>
+					<uui-icon name="icon-undo"></uui-icon>
+				</uui-button>
+			</div>
+			${this._items ? this.#renderHistory() : html`<uui-loader-circle></uui-loader-circle> `}
+			${this.#renderPagination()}
+		</uui-box> `;
 	}
 
 	#renderHistory() {
@@ -156,6 +156,7 @@ export class UmbDocumentWorkspaceViewInfoHistoryElement extends UmbLitElement {
 			${this._totalPages > 1
 				? html`
 						<uui-pagination
+							class="pagination"
 							.current=${this._currentPageNumber}
 							.total=${this._totalPages}
 							@change=${this.#onPageChange}></uui-pagination>
@@ -196,10 +197,11 @@ export class UmbDocumentWorkspaceViewInfoHistoryElement extends UmbLitElement {
 				flex: 1;
 				display: inline-block;
 			}
+
 			.pagination {
 				display: flex;
 				justify-content: center;
-				margin-top: var(--uui-size-space-4);
+				margin-top: var(--uui-size-layout-1);
 			}
 		`,
 	];