diff --git a/opentech/static_src/src/sass/components/_responsive-object.scss b/opentech/static_src/src/sass/components/_responsive-object.scss index 9207dd118a35ff84e758385c295825b77a259727..7b64731c0eb9badbdb35255336a8d0a20b868cde 100644 --- a/opentech/static_src/src/sass/components/_responsive-object.scss +++ b/opentech/static_src/src/sass/components/_responsive-object.scss @@ -1,5 +1,10 @@ .responsive-object { position: relative; + margin-bottom: 2rem; + + @include media-query(tablet-portrait) { + margin-bottom: 4rem; + } iframe, object, diff --git a/opentech/static_src/src/sass/components/_wrapper.scss b/opentech/static_src/src/sass/components/_wrapper.scss index c6124e30a771f88686b9741014c2a1e9497eff01..99e53c49b38b4bf1e0a1d6956bab163ef9df2dab 100644 --- a/opentech/static_src/src/sass/components/_wrapper.scss +++ b/opentech/static_src/src/sass/components/_wrapper.scss @@ -75,8 +75,11 @@ } } + &--streamfield { + margin-bottom: 2rem; + @include media-query(tablet-portrait) { - flex-direction: row; + margin-bottom: 4rem; } } } diff --git a/opentech/templates/blocks/image_block.html b/opentech/templates/blocks/image_block.html index 23cd319df6ea7fe3157904495fdc0e481dec7de1..50a43af2e6e39161c1e86539ccca910a1af958a5 100644 --- a/opentech/templates/blocks/image_block.html +++ b/opentech/templates/blocks/image_block.html @@ -1,4 +1,5 @@ {% load wagtailimages_tags %} - -{% image value.image original %} -<p>{{ value.caption }}</p> +<div class="wrapper wrapper--streamfield"> + {% image value.image original %} + <p>{{ value.caption }}</p> +</div>