[Feature #159236216] Fix margins between social buttons (#8)

andela · Aug 6, 2018 · 818d5e4 · 818d5e4
1 parent 68a4d9c
commit 818d5e4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/wger/core/static/css/workout-manager.css b/wger/core/static/css/workout-manager.css
@@ -33,8 +33,14 @@
     background-color: #FFF;
 }
 
+.social-logins {
+    display: flex;
+    justify-content: center;
+}
+
 .social-btn {
     margin-top: 20px;
+    margin-right: 15px;
 }
 
 /*

diff --git a/wger/core/templates/user/login.html b/wger/core/templates/user/login.html
@@ -14,16 +14,15 @@
     {% trans 'Login' as submit_text %}
     {% render_form_fields form submit_text %}
 </form>
-<div class="row col-md-offset-3 col-md-9">
-    <div class="col-md-4">
-        <a class="btn btn-primary social-btn" href="{% url 'social:begin' 'twitter' %}"> <i class="fa fa-twitter"></i> Login with Twitter</a>
-    </div>
-    <div class="col-md-4">
-        <a class="btn btn-primary social-btn" href="{% url 'social:begin' 'facebook' %}"> <i class="fa fa-facebook"></i> Login with Facebook</a>
-    </div>
-    <div class="col-md-4">
-        <a class="btn btn-danger social-btn" href="{% url 'social:begin' 'google-oauth2' %}"> <i class="fa fa-google"></i> Login with Google</a>
-    </div>
+<div class="row col-md-offset-3 social-logins">
+    <a class="btn btn-primary social-btn" href="{% url 'social:begin' 'twitter' %}">
+        <i class="fa fa-twitter"></i> Login with Twitter
+    </a>
+    <a class="btn btn-primary social-btn" href="{% url 'social:begin' 'facebook' %}">
+        <i class="fa fa-facebook"></i> Login with Facebook</a>
+    <a class="btn btn-danger social-btn" href="{% url 'social:begin' 'google-oauth2' %}">
+        <i class="fa fa-google"></i> Login with Google
+    </a>
 </div>
 
 {% endblock %}