Improve look for social auth icons

- make them bigger
- without button border
Signed-off-by: Michal Čihař <michal@cihar.com>

weblate/accounts/templatetags/authnames.py

@@ -37,8 +37,8 @@ SOCIALS = {
     'facebook': {'name': 'Facebook', 'fa_icon': 'facebook'},
 }
 
-FA_SOCIAL_TEMPLATE = u'<i class="fa fa-lg fa-{fa_icon}"></i> {name}'
-FL_SOCIAL_TEMPLATE = u'<span class="fl fa-lg fl-{fl_icon}"></span> {name}'
+FA_SOCIAL_TEMPLATE = u'<i class="fa fa-lg fa-4x fa-wl-social fa-{fa_icon}"></i><br />{name}'
+FL_SOCIAL_TEMPLATE = u'<span class="fl fa-lg fa-4x fl-{fl_icon}"></span><br />{name}'
 
 
 @register.simple_tag

weblate/html/accounts/login.html

@@ -54,7 +54,7 @@
   <div class="panel-body">
 
 {% for name in login_backends %}
-  <a class="btn btn-default" href="{% url 'social:begin' name %}{% if next %}?next={{ next }}{% endif %}">{% auth_name name %}</a>
+  <a class="btn btn-link" href="{% url 'social:begin' name %}{% if next %}?next={{ next }}{% endif %}">{% auth_name name %}</a>
 {% endfor %}
 </div>
 </div>

weblate/html/accounts/register.html

@@ -49,7 +49,7 @@
   <div class="panel-body">
 
 {% for name in registration_backends %}
-  <a class="btn btn-default" href="{% url 'social:begin' name %}">{% auth_name name %}</a>
+  <a class="btn btn-link" href="{% url 'social:begin' name %}">{% auth_name name %}</a>
 {% endfor %}
 </div>
 </div>

weblate/media/style-bootstrap.css

@@ -239,3 +239,6 @@ img.engage-icon {
     stroke: #337AB7;
     stroke-width: 15px;
 }
+.fa-wl-social {
+    padding: 7px;
+}