fix: #9065, settings v2/v3 conflict

public/src/admin/settings/api.js

@@ -4,9 +4,7 @@ define('admin/settings/api', ['settings'], function (settings) {
 	var ACP = {};
 
 	ACP.init = function () {
-		const saveEl = $('#save');
 		settings.load('core.api', $('.core-api-settings'));
-		saveEl.off('click');	// override settingsv1 handling
 		$('#save').on('click', saveSettings);
 
 		$(window).on('action:settings.sorted-list.loaded', (ev, { element }) => {

src/views/admin/settings/api.tpl

@@ -1,5 +1,3 @@
-<!-- IMPORT admin/partials/settings/header.tpl -->
-
 <form role="form" class="core-api-settings">
 	<p class="lead">[[admin/settings/api:lead-text]]</p>
 	<p>[[admin/settings/api:intro]]</p>
@@ -37,4 +35,6 @@
 	</div>
 </form>
 
-<!-- IMPORT admin/partials/settings/footer.tpl -->
+<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+	<i class="material-icons">save</i>
+</button>