diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 0af34b334..2d0be592b 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -618,6 +618,11 @@ h2.sidebar-title {
h1 {
margin-top: $line-height;
+ img {
+ height: rem-calc(80);
+ width: rem-calc(80);
+ }
+
a {
color: white;
display: block;
@@ -643,6 +648,19 @@ h2.sidebar-title {
}
}
+.auth-divider {
+ border-bottom: 1px solid $border;
+ height: $line-height/2;
+ margin: $line-height 0;
+ text-align: center;
+
+ span {
+ background: white;
+ font-weight: bold;
+ padding: 0 $line-height/2;
+ }
+}
+
// 06. Forms
// ---------
diff --git a/app/views/devise/_omniauth_form.html.erb b/app/views/devise/_omniauth_form.html.erb
index 52ca029be..5a9cca608 100644
--- a/app/views/devise/_omniauth_form.html.erb
+++ b/app/views/devise/_omniauth_form.html.erb
@@ -1,33 +1,72 @@
<% if feature?(:twitter_login) || feature?(:facebook_login) || feature?(:google_login) %>
<% if current_page?(new_user_session_path) %>
+
+
+
+ <%= t("omniauth.info_sign_in") %>
+
+
- <% if feature? :twitter_login %>
- <%= link_to t("omniauth.twitter.sign_in"), user_omniauth_authorize_path(:twitter), class: "button-twitter button expanded" %>
- <% end %>
+ <% if feature? :twitter_login %>
+
+ <%= link_to t("omniauth.twitter.name"), user_omniauth_authorize_path(:twitter),
+ title: t("omniauth.twitter.sign_in"),
+ class: "button-twitter button expanded" %>
+
+ <% end %>
- <% if feature? :facebook_login %>
- <%= link_to t("omniauth.facebook.sign_in"), user_omniauth_authorize_path(:facebook), class: "button-facebook button expanded" %>
- <% end %>
+ <% if feature? :facebook_login %>
+
+ <%= link_to t("omniauth.facebook.name"), user_omniauth_authorize_path(:facebook),
+ title: t("omniauth.facebook.sign_in"),
+ class: "button-facebook button expanded" %>
+
+ <% end %>
- <% if feature? :google_login %>
- <%= link_to t("omniauth.google_oauth2.sign_in"), user_omniauth_authorize_path(:google_oauth2), class: "button-google button expanded" %>
- <% end %>
+ <% if feature? :google_login %>
+
+ <%= link_to t("omniauth.google_oauth2.name"), user_omniauth_authorize_path(:google_oauth2),
+ title: t("omniauth.google_oauth2.sign_in"),
+ class: "button-google button expanded" %>
+
+ <% end %>
+
+
+ <%= t("omniauth.or_fill") %>
+
+
-
<% elsif current_page?(new_user_registration_path) %>
+
+
+
<%= t("omniauth.info_sign_up") %>
+
- <% if feature? :twitter_login %>
- <%= link_to t("omniauth.twitter.sign_up"), user_omniauth_authorize_path(:twitter), class: "button-twitter button expanded" %>
- <% end %>
+ <% if feature? :twitter_login %>
+
+ <%= link_to t("omniauth.twitter.name"), user_omniauth_authorize_path(:twitter),
+ title: t("omniauth.twitter.sign_up"),
+ class: "button-twitter button expanded" %>
+
+ <% end %>
- <% if feature? :facebook_login %>
- <%= link_to t("omniauth.facebook.sign_up"), user_omniauth_authorize_path(:facebook), class: "button-facebook button expanded" %>
- <% end %>
+ <% if feature? :facebook_login %>
+
+ <%= link_to t("omniauth.facebook.name"), user_omniauth_authorize_path(:facebook),
+ title: t("omniauth.facebook.sign_up"),
+ class: "button-facebook button expanded" %>
+
+ <% end %>
- <% if feature? :google_login %>
- <%= link_to t("omniauth.google_oauth2.sign_up"), user_omniauth_authorize_path(:google_oauth2), class: "button-google button expanded" %>
- <% end %>
+ <% if feature? :google_login %>
+
+ <%= link_to t("omniauth.google_oauth2.name"), user_omniauth_authorize_path(:google_oauth2),
+ title: t("omniauth.google_oauth2.sign_up"),
+ class: "button-google button expanded" %>
+
+ <% end %>
+
<% end %>
diff --git a/app/views/layouts/devise.html.erb b/app/views/layouts/devise.html.erb
index e8dc2a99e..f7e1a820e 100644
--- a/app/views/layouts/devise.html.erb
+++ b/app/views/layouts/devise.html.erb
@@ -26,7 +26,7 @@