From 5f2e8ba1a050785afc5624db0c35b6b29c8dbb7c Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Tue, 23 Jul 2024 12:33:13 +0100
Subject: [PATCH] Amended document blueprint root styling

---
 ...cument-blueprint-root-workspace.element.ts | 75 ++++++++++---------
 1 file changed, 39 insertions(+), 36 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-blueprints/workspace/document-blueprint-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-blueprints/workspace/document-blueprint-root-workspace.element.ts
index 5e575ee05c..871c12f2c8 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-blueprints/workspace/document-blueprint-root-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-blueprints/workspace/document-blueprint-root-workspace.element.ts
@@ -1,47 +1,50 @@
-import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
+import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 
 @customElement('umb-document-blueprint-root-workspace')
 export class UmbDocumentBlueprintRootWorkspaceElement extends UmbLitElement {
 	override render() {
-		return html`<umb-body-layout .headline=${this.localize.term('treeHeaders_contentBlueprints')}>
-			<uui-box>
-				<h2>
-					<umb-localize key="contentTemplatesDashboard_whatHeadline"> What are Document Blueprints? </umb-localize>
-				</h2>
-				<umb-localize key="contentTemplatesDashboard_whatDescription">
-					Document Blueprints are pre-defined content that can be selected when creating a new content node.
-				</umb-localize>
-				<h2>
-					<umb-localize key="contentTemplatesDashboard_createHeadline">
-						How do I create a Document Blueprint?
+		return html`
+			<umb-body-layout headline=${this.localize.term('treeHeaders_contentBlueprints')}>
+				<uui-box class="uui-text">
+					<h4>
+						<umb-localize key="contentTemplatesDashboard_whatHeadline"> What are Document Blueprints? </umb-localize>
+					</h4>
+					<umb-localize key="contentTemplatesDashboard_whatDescription">
+						Document Blueprints are pre-defined content that can be selected when creating a new content node.
 					</umb-localize>
-				</h2>
-				<umb-localize key="contentTemplatesDashboard_createDescription">
-					<p>There are two ways to create a Content Blueprint:</p>
-					<ul>
-						<li>
-							Click "Create Document Blueprint" in the action menu on a content node to create a new Document Blueprint.
-						</li>
-						<li>
-							Click the "+" button in the Document Blueprints tree in the Settings section and select the Document Type
-							you want to create a Document Blueprint for.
-						</li>
-					</ul>
-					<p>Once given a name, editors can start using the Document Blueprint as a foundation for their new page.</p>
-				</umb-localize>
-				<h2>
-					<umb-localize key="contentTemplatesDashboard_manageHeadline">
-						How do I manage Document Blueprints?
+					<h4>
+						<umb-localize key="contentTemplatesDashboard_createHeadline">
+							How do I create a Document Blueprint?
+						</umb-localize>
+					</h4>
+					<umb-localize key="contentTemplatesDashboard_createDescription">
+						<p>There are two ways to create a Content Blueprint:</p>
+						<ul>
+							<li>
+								Click "Create Document Blueprint" in the action menu on a content node to create a new Document
+								Blueprint.
+							</li>
+							<li>
+								Click the "+" button in the Document Blueprints tree in the Settings section and select the Document
+								Type you want to create a Document Blueprint for.
+							</li>
+						</ul>
+						<p>Once given a name, editors can start using the Document Blueprint as a foundation for their new page.</p>
 					</umb-localize>
-				</h2>
-				<umb-localize key="contentTemplatesDashboard_manageDescription">
-					You can edit and delete Document Blueprints from the "Document Blueprints" tree in the Settings section.
-					Expand the Document Type which the Document Blueprint is based on and click it to edit or delete it.
-				</umb-localize>
-			</uui-box>
-		</umb-body-layout> `;
+					<h4>
+						<umb-localize key="contentTemplatesDashboard_manageHeadline">
+							How do I manage Document Blueprints?
+						</umb-localize>
+					</h4>
+					<umb-localize key="contentTemplatesDashboard_manageDescription">
+						You can edit and delete Document Blueprints from the "Document Blueprints" tree in the Settings section.
+						Expand the Document Type which the Document Blueprint is based on and click it to edit or delete it.
+					</umb-localize>
+				</uui-box>
+			</umb-body-layout>
+		`;
 	}
 
 	static override styles = [UmbTextStyles];