Make work and thinking blocks full width by sitting outside the propo…

…sition-section div, and ensure the 'more' buttons align

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/thinking.html

@@ -1,3 +1,3 @@
 {% load wagtailcore_tags %}
 
-{% include "patterns/organisms/latest-posts/latest-posts.html" with blogs_section_title=value.title classes="service-section" feature_first=True data_attrs="data-service-section" filter_by=page.filter_by wide=wide hide_title=hide_title %}
+{% include "patterns/organisms/latest-posts/latest-posts.html" with blogs_section_title=value.title classes="service-section" feature_first=True data_attrs="data-service-section" filter_by=page.filter_by hide_title=hide_title %}

tbx/project_styleguide/templates/patterns/organisms/latest-posts/latest-posts.html

@@ -5,7 +5,7 @@
     {% elif blogs_section_title %}id="{{ blogs_section_title|slugify }}"{% endif %}
     {% if data_attrs %}{{ data_attrs }}{% endif %}
 >
-    <div class="{% if not wide %}blog-listing__content{% endif %}">
+    <div class="blog-listing__content">
         {% if page.blogs_section_title and not hide_title %}
             {% include "patterns/atoms/section-title/section-title.html" with title=page.blogs_section_title %}
         {% elif blogs_section_title and not hide_title %}

tbx/project_styleguide/templates/patterns/pages/proposition/proposition.html

@@ -73,17 +73,19 @@ <h3 class="proposition-section__title">
         <div class="proposition-section" id="{{ 'work' }}" data-service-section>
             {# there is just one block allowed #}
             <h2 class="proposition-section__anchor">{{ page.our_work_section_body.0.value.title }}</h2>
-            {% include_block page.our_work_section_body with hide_title=True %}
         </div>
+        {# work block sits outside the proposition-section wrapper as it is full-width #}
+        {% include_block page.our_work_section_body with hide_title=True %}
     {% endif %}
 
     {# Our thinking section #}
     {% if page.our_thinking_section_body %}
         <div class="proposition-section" id="{{ 'thinking' }}" data-service-section>
             {# there is just one block allowed #}
             <h2 class="proposition-section__anchor">{{ page.our_thinking_section_body.0.value.title }}</h2>
-            {% include_block page.our_thinking_section_body with wide=True hide_title=True %}
         </div>
+        {# our thinking block sits outside the proposition-secion wrapper as it has it's own left and right padding, and so the 'more' button aligns with the one under 'work' above #}
+        {% include_block page.our_thinking_section_body with hide_title=True %}
     {% endif %}
 
 {% endblock %}