Minor adjustments to layout edit settings

src/templates/attract/project_settings/attract_layout.pug

@@ -6,18 +6,19 @@
 script(src="{{ url_for('static_attract', filename='assets/js/generated/tutti.min.js') }}")
 | {% endblock %}
 
-| {% block project_context_header %}
-span#project-edit-title
-	| {{ self.page_title() }}
-| {% endblock %}
-
 | {% block project_context %}
+.container-fluid
+	.row
+		.col-md-12
+			h5.pt-3 {{ self.page_title() }}
+
+			hr
+
 #node-edit-container
 	| {% block attract_container %}
 	| {% endblock attract_container %}
 
-	.settings-footer
-		p
-			| New to Attract?
-			| Sorry, we don't have documentation yet.
+	p.settings-footer
+		| New to Attract?
+		| Sorry, we don't have documentation yet.
 | {% endblock project_context %}

src/templates/attract/project_settings/settings.pug

@@ -2,42 +2,42 @@
 
 | {% block attract_container %}
 #node-edit-form
+	h5 Shot-related task types
 
-	h3 Shot-related task types
 	p Here you can edit the task columns shown in this project's
 		=' '
 		a(href="{{ url_for('attract.shots.perproject.index', project_url=project['url']) }}") shot list
 		='.'
 
 	form(onsubmit="save(this, '{{ url_for('attract.save_task_types', project_url=project['url'], node_type_name=shot_node_type_name) }}'); return false;")
-		.input-group
-			textarea(
-				name="task_types",
-				type="text",
-				rows="{{ shot_task_types|count + 1 }}",
-				placeholder='Task types, one per line') {{ '\n'.join(shot_task_types) }}
-		.input-group
-			button.btn.btn-success.btn-block(type='submit')
-				i.pi-check
-				| Save Shot task types
+		textarea.w-100.mb-2.bg-light.p-1(
+			name="task_types",
+			type="text",
+			rows="{{ shot_task_types|count + 1 }}",
+			placeholder='Task types, one per line') {{ '\n'.join(shot_task_types) }}
 
-	h3 Asset-related task types
+		button.btn.btn-outline-success.btn-block(type='submit')
+			i.pi-check
+			| Save Shot Task Types
+
+	hr
+
+	h5 Asset-related task types
 	p Here you can edit the task columns shown in this project's
 		=' '
 		a(href="{{ url_for('attract.assets.perproject.index', project_url=project['url']) }}") asset list
 		='.'
 
 	form(onsubmit="save(this, '{{ url_for('attract.save_task_types', project_url=project['url'], node_type_name=asset_node_type_name) }}'); return false;")
-		.input-group
-			textarea(
-				name="task_types",
-				type="text",
-				rows="{{ asset_task_types|count + 1 }}",
-				placeholder='Task types, one per line') {{ '\n'.join(asset_task_types) }}
-		.input-group
-			button.btn.btn-success.btn-block(type='submit')
+		textarea.w-100.mb-2.bg-light.p-1(
+			name="task_types",
+			type="text",
+			rows="{{ asset_task_types|count + 1 }}",
+			placeholder='Task types, one per line') {{ '\n'.join(asset_task_types) }}
+
+		button.btn.btn-outline-success.btn-block(type='submit')
 				i.pi-check
-				| Save Asset task types
+				| Save Asset Task Types
 
 | {% endblock %}
 | {% block footer_scripts %}