From 1fe6ce6f8caf2d08807aae51b5ea61fd5f1be64d Mon Sep 17 00:00:00 2001
From: Matthew Scragg <scragg@gmail.com>
Date: Sun, 22 Nov 2015 17:13:59 -0600
Subject: [PATCH] Clean up OAuth buttons

---
 realms/modules/auth/oauth/models.py |  8 ++++----
 realms/static/css/style.css         | 21 ++++++++++++++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/realms/modules/auth/oauth/models.py b/realms/modules/auth/oauth/models.py
index 72de533..034880e 100644
--- a/realms/modules/auth/oauth/models.py
+++ b/realms/modules/auth/oauth/models.py
@@ -17,7 +17,7 @@ providers = {
             access_token_url='https://api.twitter.com/oauth/access_token',
             authorize_url='https://api.twitter.com/oauth/authenticate',
             access_token_method='GET'),
-        'button': '<a href="/login/oauth/twitter" class="btn btn-default"><i class="fa fa-twitter"></i> Twitter</a>',
+        'button': '<a href="/login/oauth/twitter" class="btn btn-twitter"><i class="fa fa-twitter"></i></a>',
         'profile': None,
         'field_map': {
             'id': 'user_id',
@@ -33,7 +33,7 @@ providers = {
             access_token_method='POST',
             access_token_url='https://github.com/login/oauth/access_token',
             authorize_url='https://github.com/login/oauth/authorize'),
-        'button': '<a href="/login/oauth/github" class="btn btn-default"><i class="fa fa-github"></i> Github</a>',
+        'button': '<a href="/login/oauth/github" class="btn btn-github"><i class="fa fa-github"></i></a>',
         'profile': 'user',
         'field_map': {
             'id': 'id',
@@ -51,7 +51,7 @@ providers = {
             access_token_method='GET',
             authorize_url='https://www.facebook.com/dialog/oauth'
         ),
-        'button': '<a href="/login/oauth/facebook" class="btn btn-default"><i class="fa fa-facebook"></i> Facebook</a>',
+        'button': '<a href="/login/oauth/facebook" class="btn btn-facebook"><i class="fa fa-facebook"></i></a>',
         'profile': '/me',
         'field_map': {
             'id': 'id',
@@ -71,7 +71,7 @@ providers = {
             access_token_url='https://accounts.google.com/o/oauth2/token',
             authorize_url='https://accounts.google.com/o/oauth2/auth',
         ),
-        'button': '<a href="/login/oauth/google" class="btn btn-default"><i class="fa fa-google"></i> Google</a>',
+        'button': '<a href="/login/oauth/google" class="btn btn-google"><i class="fa fa-google"></i></a>',
         'profile': 'userinfo',
         'field_map': {
             'id': 'id',
diff --git a/realms/static/css/style.css b/realms/static/css/style.css
index 1116438..fffdea6 100644
--- a/realms/static/css/style.css
+++ b/realms/static/css/style.css
@@ -224,6 +224,26 @@ a.label {
   margin-top: 40px;
 }
 
+.btn-facebook {
+  background-color: #325c99;
+  color: #ffffff;
+}
+
+.btn-github {
+  background-color: #4c4c4c;
+  color: #ffffff;
+}
+
+.btn-google {
+  background-color: #dd4b39;
+  color: #ffffff;
+}
+
+.btn-twitter {
+  background-color: #02acec;
+  color: #ffffff;
+}
+
 @media (max-width:1000px) {
   .ace_content {
     padding: 3px;
@@ -285,6 +305,5 @@ a.label {
     background-color: #3498db;
     color: #fff;
   }
-
 }