Adding social login icons

andela · May 8, 2017 · d71bc22 · d71bc22
1 parent 2e8bf6f
commit d71bc22
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/wger/core/templates/user/login.html b/wger/core/templates/user/login.html
@@ -33,7 +33,8 @@ <h4>{% trans "Forgot password?" %}</h4>
         {% trans "Reset password" %}
     </a>
 </p>
-<a href="{% url 'social:begin' 'twitter' %}?next={{ request.GET.next}}">Login with Twitter</a>
-<br><a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.GET.next}}">Google+</a>
-<br><a href="{% url 'social:begin' 'facebook' %}?next={{ request.GET.next}}">Login with Facebook</a>
+<h4>Login with your socail account</h4>
+<a href="{% url 'social:begin' 'facebook' %}?next={{ request.GET.next}}"><i class="fa fa-facebook-square" style="font-size:44px" aria-hidden="true" ></i></a>
+<a href="{% url 'social:begin' 'twitter' %}?next={{ request.GET.next}}"><i class="fa fa-twitter-square" style="font-size:44px" aria-hidden="true"></i></a>
+<a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.GET.next}}"><i class="fa fa-google-plus" style="font-size:44px" aria-hidden="true"></i></a>
 {% endblock %}