diff --git a/opentech/public/funds/templates/public_funds/lab_page.html b/opentech/public/funds/templates/public_funds/lab_page.html index caaa7ec073969805c90107a30649e68d2d1538b2..cc0c3c7c9d2b7e057ae4a489e34b10541b2de56a 100644 --- a/opentech/public/funds/templates/public_funds/lab_page.html +++ b/opentech/public/funds/templates/public_funds/lab_page.html @@ -2,23 +2,15 @@ {% block header_modifier %}header--grey-pixels{% endblock %} {# Dont include fixed apply button on this page #} {% block apply_button %}{% endblock %} -{% load wagtailcore_tags navigation_tags static %} +{% load wagtailcore_tags wagtailimages_tags navigation_tags static %} {% block content %} {% include "public_funds/includes/lab_apply_cta.html" %} <div class="wrapper"> <section class="section section--main section--top-bottom-space"> - <div class="media-box media-box--reverse media-box--bottom-space"> - {% include "utils/includes/media_box_icon.html" with page_icon=page.icon %} - - <div class="media-box__content"> - <h4>{{ page.title }}</h4> - {% if page.introduction %} - <p class="media-box__teaser">{{ page.introduction }}</p> - {% endif %} - </div> - </div> - + {% if page.icon %} + {% image page.icon fill-100x100 class="image--float-small" %} + {% endif %} {% include_block page.body %} </section> </div> diff --git a/opentech/static_src/src/sass/public/components/_image.scss b/opentech/static_src/src/sass/public/components/_image.scss index 7eeac0d3f5694c7d5be51f76d44f7ea8fcec9b07..75434900f5b4b2e3b607cb148a7d8661e2c34076 100644 --- a/opentech/static_src/src/sass/public/components/_image.scss +++ b/opentech/static_src/src/sass/public/components/_image.scss @@ -15,4 +15,14 @@ margin-bottom: 20px; } } + + &--float-small { + display: block; + margin: 0 auto 10px auto; + + @include media-query(small-tablet) { + float: right; + margin: 10px 0 10px 10px; + } + } }