fix: align newsletter form and social media icons in footer (#1012)

* Align newsletter form in footer
ocadotechnology · Aug 13, 2019 · 7d48a46 · 7d48a46
1 parent 8d3fa52
commit 7d48a46
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/portal/templates/portal/base.html b/portal/templates/portal/base.html
@@ -293,18 +293,20 @@
         <p><a href="{% url 'privacy_policy' %}">Privacy Policy</a></p>
     </div>
     <div class="row">
-        <form id="newsletter_form" action="{% url 'process_newsletter_form' %}" method="post" class="col-md-6 col-md-offset-2">
-            {{ news_form.non_field_errors }}
-            <div class="form--news-signup">
-                <label>{{ news_form.email.label }}</label>
-                {{ news_form.email }}
-                {{ news_form.email.errors }}
-                <button type="submit" id="submit_newsletter" name="submit" value="Submit" class="button button-primary button--primary--general-educate"> Sign up</button>
+        <div class="col-sm-8 col-center">
+            <form id="newsletter_form" action="{% url 'process_newsletter_form' %}" method="post" class="col-md-10">
+                {{ news_form.non_field_errors }}
+                <div class="form--news-signup">
+                    <label>{{ news_form.email.label }}</label>
+                    {{ news_form.email }}
+                    {{ news_form.email.errors }}
+                    <button type="submit" id="submit_newsletter" name="submit" value="Submit" class="button button-primary button--primary--general-educate"> Sign up</button>
+                </div>
+            </form>
+            <div class="social-media col-md-2">
+                <a target="_blank" href="https://twitter.com/codeforlifeuk"><img src="{% static 'portal/img/twitter.png' %}"></a>
+                <a target="_blank" href="https://www.facebook.com/codeforlifeuk/"><img src="{% static 'portal/img/facebook.png' %}"></a>
             </div>
-        </form>
-        <div class="social-media col-md-2">
-            <a target="_blank" href="https://twitter.com/codeforlifeuk"><img src="{% static 'portal/img/twitter.png' %}"></a>
-            <a target="_blank" href="https://www.facebook.com/codeforlifeuk/"><img src="{% static 'portal/img/facebook.png' %}"></a>
         </div>
     </div>
     <a target="_blank" href="http://www.ocadotechnology.com/"><img src="{% static 'portal/img/logo_ocado.png' %}"></a>