diff --git a/imports/ui/pages/Profile/Profile.js b/imports/ui/pages/Profile/Profile.js
index 321e62c..f8c5684 100644
--- a/imports/ui/pages/Profile/Profile.js
+++ b/imports/ui/pages/Profile/Profile.js
@@ -116,8 +116,17 @@ class Profile extends React.Component {
return !loading ? (
{Object.keys(user.services).map(service => (
-
+
{`You're logged in with ${_.capitalize(service)} using the email address ${user.services[service].email}.`}
+
))}
) : ;
diff --git a/imports/ui/pages/Profile/Profile.scss b/imports/ui/pages/Profile/Profile.scss
index c1a8971..84b579f 100644
--- a/imports/ui/pages/Profile/Profile.scss
+++ b/imports/ui/pages/Profile/Profile.scss
@@ -2,38 +2,45 @@
.OAuthProfile {
.LoggedInWith {
- padding: 10px 20px;
+ padding: 20px;
border-radius: 3px;
color: #fff;
+ border: 1px solid $gray-lighter;
+ text-align: center;
+
+ img {
+ width: 100px;
+ }
+
+ &.github img {
+ width: 125px;
+ }
p {
- margin: 0;
+ margin: 20px 0 0 0;
+ color: $gray-light;
}
- .ServiceIcon {
- float: left;
- width: auto;
- margin-right: 15px;
- height: 30px;
- text-align: center;
+ .btn {
+ margin-top: 20px;
- i {
- font-size: 30px;
- position: relative;
- top: 5px;
+ &.btn-facebook {
+ background: $facebook;
+ border-color: $facebook;
+ color: #fff;
}
- }
- &.facebook {
- background: $facebook;
- }
+ &.btn-google {
+ background: $google;
+ border-color: $google;
+ color: #fff;
+ }
- &.github {
- background: $github;
- }
-
- &.google {
- background: $google;
+ &.btn-github {
+ background: $github;
+ border-color: $github;
+ color: #fff;
+ }
}
}
}
diff --git a/public/facebook.svg b/public/facebook.svg
new file mode 100644
index 0000000..d8a6181
--- /dev/null
+++ b/public/facebook.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..ace7635
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1,29 @@
+
+
\ No newline at end of file
diff --git a/public/google.svg b/public/google.svg
new file mode 100644
index 0000000..67dec77
--- /dev/null
+++ b/public/google.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file