fix checkbox state style

2 files changed, 7 insertions, 3 deletions

diff --git a/css/settings.css b/css/settings.css
index 2cbe83a..4a7f334 100644
--- a/css/settings.css
+++ b/css/settings.css
@@ -10,14 +10,14 @@
     width: 100%;
 }
 
-#piwikSettings input {
+#piwikSettings input, #piwikSettings label {
     transition: background-color 0.5s;
 }
 
-#piwikSettings input.piwik-success {
+#piwikSettings input.piwik-success, #piwikSettings label.piwik-success {
     background-color: #4eb387;
 }
 
-#piwikSettings input.piwik-error {
+#piwikSettings input.piwik-error, #piwikSettings label.piwik-error {
     background-color: #f65c38;
 }
\ No newline at end of file
diff --git a/js/settings/admin.js b/js/settings/admin.js
index 1b8e2fc..cf5c94f 100644
--- a/js/settings/admin.js
+++ b/js/settings/admin.js
@@ -2,6 +2,10 @@
 
 $(function() {
    function showRequestResult(element, result) {
+      if (element.attr('type') === 'checkbox') {
+         element = $('label[for="' + element.attr('id') + '"]');
+      }
+
       element.removeClass('piwik-success piwik-error');
       element.addClass('piwik-' + result);