3 files changed, 19 insertions, 4 deletions
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 59af6a71f..eaa0113a5 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -354,7 +354,7 @@ label{
     color: #666;
     padding-#{$left}: 20px;
     background: transparent url(/cobrands/fixmystreet/images/wrong-location.png) $left 50% no-repeat;
-    border-#{$left}: solid 4px #fff;
+    border-#{$left}: solid 4px transparent;
     margin-top: -0.5em;
 }
 
@@ -760,6 +760,21 @@ input.final-submit {
     }
 }
 
+.btn--twitter {
+    @include button-reset(#55acee, darken(#55acee, 10%), #55acee, #fff, darken(#55acee, 5%), darken(#55acee, 10%), #55acee, #fff);
+
+    &:visited {
+        color: #fff;
+    }
+
+    img {
+        margin-right: 0.5em;
+        vertical-align: -0.2em;
+        height: 1.3em;
+        width: auto;
+    }
+}
+
 // Under the button to override its text transform and width
 .btn--social {
     display: block;
@@ -1376,7 +1391,7 @@ label .muted {
     padding-#{$left}: 16px;
     list-style: none;
     background: transparent url(/cobrands/fixmystreet/images/tick-10px-8px.png) $left 5px no-repeat;
-    border-#{$left}: solid 4px #fff;
+    border-#{$left}: solid 4px transparent;
   }
 
   .do {
@@ -1391,7 +1406,7 @@ label .muted {
       background-image: url(/cobrands/fixmystreet/images/cross-7px-7px.png);
       background-position: $left 6px;
       padding-#{$left}: 14px;
-      border-#{$left}: solid 6px #fff;
+      border-#{$left}: solid 6px transparent;
     }
   }
 }
diff --git a/web/i/twitter-icon-32.png b/web/i/twitter-icon-32.png
new file mode 100644
index 000000000..9f6cefd9f
--- /dev/null
+++ b/web/i/twitter-icon-32.png
diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js
index 07c1a1a6b..0a15982f5 100644
--- a/web/js/fixmystreet.js
+++ b/web/js/fixmystreet.js
@@ -128,7 +128,7 @@ $(function(){
         $('#form_name').addClass('required').removeClass('valid');
     } );
 
-    $('#facebook_sign_in').click(function(e){
+    $('#facebook_sign_in, #twitter_sign_in').click(function(e){
         $('#form_email').removeClass();
         $('#form_rznvy').removeClass();
         $('#email').removeClass();