From 029e28586b7e3067fe6b28becf9d0cd21866803a Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Thu, 14 Sep 2017 20:38:53 +0100
Subject: [PATCH] Add some button styles

---
 src/components/Login.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Login.js b/src/components/Login.js
index 75828e8..12c46e7 100644
--- a/src/components/Login.js
+++ b/src/components/Login.js
@@ -116,8 +116,8 @@ class Login extends React.Component {
         <Link href="" onClick={this.authAnonymously}>Sign in anonymously</Link>
         <p>or</p>
         <p>Sign in with:</p>
-        <button onClick={() => this.authWithProvider('facebook')}>Log in with Facebook</button>
-        <button onClick={() => this.authWithProvider('twitter')}>Log in with Twitter</button>
+        <Button onClick={() => this.authWithProvider('facebook')}>Facebook</Button>
+        <Button onClick={() => this.authWithProvider('twitter')}>Twitter</Button>
       </div>
     )
   }
@@ -175,7 +175,10 @@ const Input = styled.input`
   border: 1px solid black;
 `;
 const Button = styled.button`
-  border: 1px solid black;
+  background-color: lightblue;
+  padding: 15px;
+  border: 0;
+  color: ${Colours.nearblack}
 `
 
 export default Login;