Fix moderation without JavaScript.

2 files changed, 13 insertions, 5 deletions

diff --git a/web/cobrands/fixmystreet/staff.js b/web/cobrands/fixmystreet/staff.js
index b8854d1cd..ede6e1381 100644
--- a/web/cobrands/fixmystreet/staff.js
+++ b/web/cobrands/fixmystreet/staff.js
@@ -376,9 +376,9 @@ $.extend(fixmystreet.set_up, {
       function add_handlers (elem, word) {
           elem.each( function () {
               var $elem = $(this);
-              $elem.find('.js-moderate').on('click', function () {
-                  $elem.find('.moderate-display').hide();
-                  $elem.find('.moderate-edit').show();
+              $elem.find('.js-moderate').on('click', function(e) {
+                  e.preventDefault();
+                  $elem.toggleClass('show-moderation');
                   $('#map_sidebar').scrollTop(word === 'problem' ? 0 : $elem[0].offsetTop);
               });
 
@@ -399,8 +399,7 @@ $.extend(fixmystreet.set_up, {
               });
 
               $elem.find('.cancel').click( function () {
-                  $elem.find('.moderate-display').show();
-                  $elem.find('.moderate-edit').hide();
+                  $elem.toggleClass('show-moderation');
                   $('#map_sidebar').scrollTop(word === 'problem' ? 0 : $elem[0].offsetTop);
               });
 
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 9f8778c90..c9cf79136 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -1380,6 +1380,15 @@ input.final-submit {
   }
 }
 
+.show-moderation {
+  .moderate-edit {
+    display: block;
+  }
+  .moderate-display {
+    display: none;
+  }
+}
+
 .shortlisted-status {
   margin-top: 1em;
   padding: 1em 1em 1em 4em; // Icon is always displayed on left, even in RtL mode