3 files changed, 13 insertions, 4 deletions
diff --git a/web/cobrands/fixmystreet/_mixins.scss b/web/cobrands/fixmystreet/_mixins.scss
index 29e7a7109..45bbd379d 100644
--- a/web/cobrands/fixmystreet/_mixins.scss
+++ b/web/cobrands/fixmystreet/_mixins.scss
@@ -1,9 +1,13 @@
 // Button reset
 @mixin button-reset {
   cursor:pointer;
-  font-size: 1em;
-  font-family: 'Helvetica', 'Arial', sans-serif;
-  line-height: 1;
+  font:{
+    size: 0.875em;
+    family: 'Helvetica', 'Arial', sans-serif;
+    weight:bold;
+  }
+  text-transform:uppercase;
+  line-height: 1.375em;
   padding:0.7em 0.5em 0.5em 0.5em;
   margin:0;
   width: auto;
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index 9a950000e..838ca8c9b 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -611,7 +611,6 @@ input.red-btn{
 input.final-submit {
   margin:1em 0.5em;
   float:right;
-  text-transform:uppercase;
 }
 
 .button-right,
diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js
index 005693fd3..75ccc3a9c 100644
--- a/web/js/fixmystreet.js
+++ b/web/js/fixmystreet.js
@@ -270,4 +270,10 @@ $(function(){
         var foo = $('.wrapper').height() - 500;
         $('html, body').animate({scrollTop:foo}, 1000);
     });
+
+
+    $('.form-focus-hidden').hide();
+    $('.form-focus-trigger').on('focus', function(){
+        $('.form-focus-hidden').fadeIn(500);
+    });
 });
 \ No newline at end of file