2 files changed, 32 insertions, 0 deletions
diff --git a/web/cobrands/fixmystreet.com/base.scss b/web/cobrands/fixmystreet.com/base.scss
index 6088f842c..b78d5ce5b 100644
--- a/web/cobrands/fixmystreet.com/base.scss
+++ b/web/cobrands/fixmystreet.com/base.scss
@@ -49,6 +49,30 @@ svg|g.site-logo__svg {
     @include svg-background-image("/cobrands/fixmystreet/images/site-logo");
 }
 
+// Big green banner A/B test.
+#map_box .big-green-banner {
+    position: absolute;
+    left: 50%;
+    bottom: 80px; // above #sub_map_links
+    transform: translateX(-50%);
+    margin: 0;
+    font-size: 1.2em;
+    line-height: 1.3em;
+    padding: 0.6em 1em 0.5em;
+    border-radius: 5px; // match .big-hide-pins-link
+    background-image: none; // remove "arrow" image
+
+    @media (min-width: 64em) {
+        bottom: 32px; // match #sub_map_links
+        left: calc( ( 100% - 220px ) / 2 );
+        max-width: calc( 100% - 300px );
+    }
+
+    @media (min-width: 82em) {
+        left: 50%;
+    }
+}
+
 .next-steps {
   margin: 0 -1em; // counteract padding on parent
   background-color: #faf7e2;
diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index c187c218c..443d7d986 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -669,6 +669,14 @@ $.extend(fixmystreet.set_up, {
     });
   },
 
+  clicking_banner_begins_report: function() {
+    $('.big-green-banner').on('click', function(){
+      if (fixmystreet.map.getCenter) {
+        fixmystreet.display.begin_report( fixmystreet.map.getCenter() );
+      }
+    });
+  },
+
   map_controls: function() {
     //add permalink on desktop, force hide on mobile
     //add links container (if its not there)