Display asset message as button on mobile

2 files changed, 9 insertions, 0 deletions

diff --git a/web/cobrands/fixmystreet/assets.js b/web/cobrands/fixmystreet/assets.js
index a0cf2e29d..0ab3c7592 100644
--- a/web/cobrands/fixmystreet/assets.js
+++ b/web/cobrands/fixmystreet/assets.js
@@ -386,6 +386,11 @@ function check_zoom_message_visibility() {
     if (this.relevant()) {
         if ($p.length === 0) {
             $p = $("<p>").prop("id", id).prop('class', 'category_meta_message');
+            if ($('html').hasClass('mobile')) {
+                $p.click(function() {
+                    $("#mob_ok").trigger('click');
+                }).addClass("btn");
+            }
             $p.prependTo('#js-post-category-messages');
         }
 
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 8e460f102..4a0f0b168 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -2170,6 +2170,10 @@ label .muted {
     }
 }
 
+.category_meta_message.btn {
+  display: block;
+}
+
 .js-hide-if-public-category {
   display: none;
 }