Layout: use bootstrap classes

src/templates/_macros/_add_new_menu.pug

@@ -6,20 +6,21 @@
 | {% if node_type_name == 'group' %}
 | {% set node_type_name = 'folder' %}
 | {% endif %}
-li(class="button-{{ node_type['name'] }}")
+li.dropdown-item(class="button-{{ node_type['name'] }}")
 	a.item_add_node(
-	href="#",
-	title="{{ node_type['description'] }}",
-	data-node-type-name="{{ node_type['name'] }}",
-	data-toggle="tooltip",
-	data-placement="left")
+		href="#",
+		title="{{ node_type['description'] }}",
+		data-node-type-name="{{ node_type['name'] }}",
+		data-toggle="tooltip",
+		data-placement="left")
 		i.pi(class="icon-{{ node_type['name'] }}")
 		| {% if node_type_name == 'group_texture' %}
 		| Texture Folder
 		| {% elif node_type_name == 'group_hdri' %}
 		| HDRi Folder
 		| {% else %}
-		| {{ node_type_name }}
+		span.text-capitalize
+			|{{ node_type_name }}
 		| {% endif %}
 | {% endif %}
 | {% endfor %}

src/templates/_macros/_file_uploader_form.pug

@@ -28,15 +28,15 @@
 						span Add files...
 						input(type='file', name='file', multiple='')
 
-					button.btn.btn-primary.start(type='submit')
+					button.btn.btn-outline-primary.start(type='submit')
 						i.pi-upload
-						span Start upload
+						span Start Upload
 
-					button.btn.btn-warning.cancel(type='reset')
+					button.btn.btn-outline-warning.cancel(type='reset')
 						i.pi-cancel
-						span Cancel upload
+						span Cancel Upload
 
-					button.btn.btn-danger.delete(type='button')
+					button.btn.btn-outline-danger.delete(type='button')
 						i.pi-trash
 						span Delete
 

src/templates/_macros/_file_uploader_javascript.pug

@@ -23,7 +23,7 @@ script#template-upload(type="text/x-tmpl").
 				</button>
 			{% } %}
 			{% if (!i) { %}
-				<button class="btn btn-warning cancel">
+				<button class="btn btn-outline-secondary cancel">
 					<i class="ion-close-round"></i>
 					<span>Cancel</span>
 				</button>
@@ -61,7 +61,7 @@ script#template-download(type="text/x-tmpl").
 		</td>
 		<td>
 			{% if (file.deleteUrl) { %}
-				<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
+				<button class="btn btn-outline-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
 					<i class="ion-trash-b"></i>
 					<span>Delete</span>
 				</button>
@@ -71,7 +71,7 @@ script#template-download(type="text/x-tmpl").
 					Create
 				</div>
 			{% } else { %}
-				<button class="btn btn-warning cancel">
+				<button class="btn btn-outline-secondary cancel">
 					<i class="ion-close-round"></i>
 					<span>Cancel</span>
 				</button>