CSS cleanup

client/coral-embed-stream/style/default.css

@@ -72,17 +72,6 @@ body {
   font-weight: bold;
 }
 
-/* Coral sign in button */
-
-#coralSignInButton {
-    background-color: #2a2a2a;
-    color: #FFF;
-}
-
-#coralSignInButton:hover {
-  background-color: #767676;
-}
-
 /* Info Box Styles */
 
 

plugins/talk-plugin-auth/client/login/components/SignUp.css

@@ -17,7 +17,7 @@
     margin-top: 0px;
 }
 
-.signInButton {
+.button {
     margin-top: 10px;
     background-color: #2a2a2a;
 }

plugins/talk-plugin-auth/client/login/components/SignUp.js

@@ -108,7 +108,7 @@ class SignUp extends React.Component {
                   type="submit"
                   cStyle="black"
                   id="coralSignUpButton"
-                  className={styles.signInButton}
+                  className={styles.button}
                   full
                 >
                   {t('talk-plugin-auth.login.sign_up')}

plugins/talk-plugin-auth/client/stream/components/SignInButton.css

@@ -0,0 +1,8 @@
+.button {
+    background-color: #2a2a2a;
+    color: #FFF;
+}
+
+.button:hover {
+  background-color: #767676;
+}

plugins/talk-plugin-auth/client/stream/components/SignInButton.js

@@ -2,11 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Button } from 'plugin-api/beta/client/components/ui';
 import { t } from 'plugin-api/beta/client/services';
+import styles from './SignInButton.css';
 
 const SignInButton = ({ currentUser, showSignInDialog }) => (
   <div className="talk-stream-auth-sign-in-button">
     {!currentUser ? (
-      <Button id="coralSignInButton" onClick={showSignInDialog} full>
+      <Button
+        id="coralSignInButton"
+        className={styles.button}
+        onClick={showSignInDialog}
+        full
+      >
         {t('talk-plugin-auth.login.sign_in_to_comment')}
       </Button>
     ) : null}