Use bootstrap classes where possible

src/templates/nodes/custom/_scripts.pug

@@ -33,8 +33,8 @@ script(type="text/javascript").
 		} else if (node_type === 'group_hdri') {
 			node_type_str = 'HDRi Folder';
 		}
-		$('a', '.button-edit').html('<i class="pi-edit button-edit-icon"></i> Edit ' + node_type_str);
-		$('a', '.button-delete').html('<i class="pi-trash button-delete-icon"></i>Delete ' + node_type_str);
+		$('a', '.button-edit').html('<i class="pr-2 pi-edit button-edit-icon"></i> Edit ' + node_type_str);
+		$('a', '.button-delete').html('<i class="pr-2 pi-trash button-delete-icon"></i>Delete ' + node_type_str);
 
 		{% if parent %}
 		ProjectUtils.setProjectAttributes({parentNodeId: '{{parent._id}}'});

src/templates/nodes/custom/page/view_embed.pug

@@ -11,19 +11,18 @@ header
 #node-container
 	#node-overlay
 
-	section.node-details-container.page
+	.node-details-container.page.expand-image-links.imgs-fluid
 
-		.node-details-header
-			.node-title#node-title
-				| {{node.name}}
+		h2.pt-3.text-center {{node.name}}
+
+		hr
 
 		| {% if node.description %}
-		.node-details-description#node-description
-			| {{ node | markdowned('description') }}
+		| {{ node | markdowned('description') }}
 		| {% endif %}
 
-		.node-details-meta.footer
-			span.updated(title="created {{ node._created | pretty_date }}") updated {{ node._updated | pretty_date }}
+		small.text-muted
+			span(title="created {{ node._created | pretty_date }}") Updated {{ node._updated | pretty_date }}
 
 include ../_scripts
 

src/templates/projects/edit.pug

@@ -5,7 +5,7 @@
 
 | {% block project_context_header %}
 #project_context-header.d-flex.justify-content-end.position-fixed.bg-white
-	ul.d-flex.list-unstyled.p-2.mb-0.h-auto.justify-content-end(
+	ul.d-flex.list-unstyled.py-1.px-2.mb-0.h-auto.justify-content-end(
 		class="project-edit-tools disabled")
 
 		li.button-cancel
@@ -21,14 +21,16 @@
 				class="project-mode-edit",
 				href="#",
 				title="Save changes")
-				i.button-save-icon.pi-check
+				i.pi-check.pr-2.button-save-icon
 				| Save Changes
 | {% endblock %}
 
 | {% block project_context %}
-.row
-	.col-md-12
-		h5.pt-3.pl-3 Project Overview
+.container-fluid
+	.row
+		.col-md-12
+			h5.pl-2.mb-0 Project Overview
+
 #node-edit-container
 	form(
 		id="node-edit-form"
@@ -86,7 +88,7 @@
 
 		hr
 
-		ul.d-flex.list-unstyled.p-2.mb-0.h-auto.justify-content-end(
+		ul.d-flex.list-unstyled.py-1.px-2.mb-0.h-auto.justify-content-end(
 			class="project-edit-tools disabled")
 			li.button-cancel
 				a#item_cancel.project-mode-edit.btn.btn-link(
@@ -101,7 +103,7 @@
 					class="project-mode-edit",
 					href="#",
 					title="Save changes")
-					i.button-save-icon.pi-check
+					i.pi-check.pr-2.button-save-icon
 					| Save Changes
 
 | {% endblock %}