Fix newsletter alignments

diff --git a/app/templates/base.html b/app/templates/base.html
index fff2521b3396ad1ec96a2420604e233e554bd861..e507f0f77ba4807f6820d6b6ed01a9bafdd9c6bb 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -123,13 +123,11 @@
             <div class="footer__pre">
                 <div class="container">
                     <div class="row">
-                        <div class="col-sm-6 col-sm-push-1 tal">
-                            <a class="button button--small" href="{{ NEWSLETTER_SUBSCRIBING_URL }}">
+                        <div class="col-sm-11 tar-sm tal-xs">
+                            <a class="button button--small button--white mr3" href="{{ NEWSLETTER_SUBSCRIBING_URL }}">
                                 {% trans "Subscribe to our newsletter" %}
                             </a>
-                        </div>
-                        <div class="col-sm-3 col-sm-push-1 tac-sm tal-xs">
-                            <a class="footer__follow-link facebook" href="https://www.facebook.com/iIRCAM/" target="_blank" title="{% trans 'Follow us on Facebook' %}"><i class="fa fa-facebook-square"></i></a>
+                            <a class="footer__follow-link facebook ml3" href="https://www.facebook.com/iIRCAM/" target="_blank" title="{% trans 'Follow us on Facebook' %}"><i class="fa fa-facebook-square"></i></a>
                             <a class="footer__follow-link twitter" href="https://twitter.com/ircam" target="_blank" title="{% trans 'Follow us on Twitter' %}"><i class="fa fa-twitter-square"></i></a>
                             <a class="footer__follow-link instagram" href="https://www.instagram.com/ircam_paris/" target="_blank" title="{% trans 'Follow us on Instagram' %}"><i class="fa fa-instagram"></i></a>
                             <a class="footer__follow-link youtube" href="https://www.youtube.com/user/Ircam75" target="_blank" title="{% trans 'Follow us on Youtube' %}"><i class="fa fa-youtube-square"></i></a>
@@ -142,7 +140,7 @@
             <div class="footer__content">
                 <div class="container">
                     <div class="row">
-                        <div class="col-xs-3 col-sm-3 col-sm-push-1 tal">
+                        <div class="col-xs-3 col-sm-4 col-sm-push-1 tal">
                             <a href="{% url "home" %}" title="{% trans 'Home' %}"><img src="{% static "img/logo-ircam-white.png" %}" width="151" /></a>
                         </div>
                         <div class="col-xs-3 col-sm-2 col-sm-push-1 tar-sm tal fsm">