fix(ui): remove double focus from SignIn button

client/src/components/Header/components/Login.js

@@ -34,17 +34,15 @@ const createOnClick = (navigate, isSignedIn) => e => {
 function Login(props) {
   const { children, navigate, isSignedIn, ...restProps } = props;
   return (
-    <a href='/signin' onClick={createOnClick(navigate, isSignedIn)}>
-      <Button
-        {...restProps}
-        bsStyle='default'
-        className={
-          (restProps.block ? 'btn-cta-big' : '') + ' signup-btn btn-cta'
-        }
-      >
-        {children || 'Sign In'}
-      </Button>
-    </a>
+    <Button
+      href='/signin'
+      onClick={createOnClick(navigate, isSignedIn)}
+      {...restProps}
+      bsStyle='default'
+      className={(restProps.block ? 'btn-cta-big' : '') + ' signup-btn btn-cta'}
+    >
+      {children || 'Sign In'}
+    </Button>
   );
 }
 

client/src/components/Header/components/login.css

@@ -1,4 +1,5 @@
-.signup-btn.btn {
+.signup-btn.btn,
+#top-right-nav .signup-btn.btn {
   background-color: #ffac33;
   background-image: linear-gradient(#ffcc4d, #ffac33);
   -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d,  endColorstr=#ffac33,  GradientType=0)';
@@ -8,14 +9,19 @@
   padding: 4px 12px;
 }
 .signup-btn:hover,
-.signup-btn:focus {
+.signup-btn:focus,
+.signup-btn:active:hover,
+#top-right-nav .signup-btn:hover,
+#top-right-nav .signup-btn:focus,
+#top-right-nav .signup-btn:active:hover {
   background-color: #e99110;
   background-image: linear-gradient(#ffcc4d, #e99110);
   -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d,  endColorstr=#e99110,  GradientType=0)';
   border-color: #ec8b11;
   color: #292f33 !important;
 }
-.signup-btn:active {
+.signup-btn:active,
+#top-right-nav .signup-btn:active {
   background-color: #f2a330;
   background-image: none;
   box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);