2 files changed, 9 insertions, 3 deletions
diff --git a/web/cobrands/fixmystreet/_base.scss b/web/cobrands/fixmystreet/_base.scss
index 3969bfde4..644b015b5 100644
--- a/web/cobrands/fixmystreet/_base.scss
+++ b/web/cobrands/fixmystreet/_base.scss
@@ -149,10 +149,12 @@ img {
 
 select, input, textarea {
   font-size: 99%;
-  width: 100%;
   max-width: 95%;
 }
-
+// To deal with bug from drop-down being wider than holder
+select {
+  width: 100%;
+}
 
 // links
 a,
@@ -380,7 +382,7 @@ p.label-valid {
 
 // Padding creates page margins on mobile
 .container{
-  padding: 0 1em;
+  padding: 0 1em 1em;
 }
 
 // Use full width to reverse .container margins
@@ -448,6 +450,9 @@ p.label-valid {
         color:#fff;
         text-decoration: none;
       }
+      span {
+        background-color: #ccc;
+      }
     }
     &#mysoc-menu{
       li {
diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index f73290b7b..9d5151189 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -503,6 +503,7 @@ $.fn.drawer = function(id, ajax) {
     $('.container').on('click', '#alert_email_button', function(e){
         e.preventDefault();
         var form = $('<form/>').attr({ method:'post', action:"/alert/subscribe" });
+        form.append($('<input name="alert" value="Subscribe me to an email alert" type="hidden" />'));
         $('#alerts input[type=text], #alerts input[type=hidden], #alerts input[type=radio]:checked').each(function() {
             var $v = $(this);
             $('<input/>').attr({ name:$v.attr('name'), value:$v.val(), type:'hidden' }).appendTo(form);