Make button for custom appear and disappear

api/functions/organizr-functions.php

@@ -481,7 +481,7 @@ function getCustomizeAppearance(){
         			'type' => 'html',
                     'override' => 12,
         			'label' => 'Custom CSS [Can replace colors from above]',
-        			'html' => '<button type="button" class="saveCss btn btn-info btn-circle pull-right m-r-5 m-l-10"><i class="fa fa-save"></i> </button><div id="customCSSEditor" style="height:300px">'.$GLOBALS['customCss'].'</div>'
+        			'html' => '<button type="button" class="hidden saveCss btn btn-info btn-circle pull-right m-r-5 m-l-10"><i class="fa fa-save"></i> </button><div id="customCSSEditor" style="height:300px">'.$GLOBALS['customCss'].'</div>'
         		),
             )
         );

api/pages/settings-customize-appearance.php

@@ -8,7 +8,7 @@ $pageSettingsCustomizeAppearance = '
     <div class="panel-heading">
 		<span lang="en">Customize Appearance</span>
 		<button type="button" id="customize-appearance-reload" class="btn btn-primary btn-circle pull-right reload hidden m-r-5"><i class="fa fa-spin fa-refresh"></i> </button>
-		<button id="customize-appearance-reload" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right reload hidden" type="button"><span class="btn-label"><i class="fa fa-spin fa-refresh"></i></span><span lang="en">Reload</span></button>
+		<button id="customize-appearance-reload" class="btn btn-sm btn-primary btn-rounded waves-effect waves-light pull-right reload hidden" type="button"><span class="btn-label"><i class="fa fa-refresh"></i></span><span lang="en">Reload</span></button>
 	</div>
     <div class="panel-wrapper collapse in" aria-expanded="true">
         <div class="panel-body bg-org">

js/functions.js

@@ -804,7 +804,14 @@ function buildCustomizeAppearance(){
 		var CssMode = ace.require("ace/mode/css").Mode;
 		cssEditor.session.setMode(new CssMode());
 		cssEditor.setTheme("ace/theme/idle_fingers");
-		cssEditor.setShowPrintMargin(false)
+		cssEditor.setShowPrintMargin(false);
+		cssEditor.session.on('change', function(delta) {
+			if($('.cssTextarea').val() == cssEditor.getValue()){
+				$('.saveCss').addClass('hidden');
+			}else{
+				$('.saveCss').removeClass('hidden');
+			}
+		});
 	}).fail(function(xhr) {
 		console.error("Organizr Function: API Connection Failed");
 	});