diff --git a/src/components/Post/PostActions.jsx b/src/components/Post/PostActions.jsx index 10422f40..e83ddbe9 100644 --- a/src/components/Post/PostActions.jsx +++ b/src/components/Post/PostActions.jsx @@ -24,7 +24,7 @@ const ActionTwitter = ({ url, slug }) => ( diff --git a/src/components/Post/PostActions.module.scss b/src/components/Post/PostActions.module.scss index ef00073f..e4c74a3f 100644 --- a/src/components/Post/PostActions.module.scss +++ b/src/components/Post/PostActions.module.scss @@ -13,6 +13,12 @@ flex-wrap: wrap; justify-content: space-between; + @media (min-width: $screen-md) { + margin-left: -100%; + margin-right: -18%; + padding-left: 80%; + } + > div { flex: 0 0 100%; border-bottom: 1px dashed rgba($brand-grey-light, .3); @@ -62,7 +68,6 @@ padding-right: $spacer; position: relative; text-align: left; - height: 100%; &:hover, &:focus { diff --git a/src/components/molecules/RelatedPosts.module.scss b/src/components/molecules/RelatedPosts.module.scss index a22c8198..bac23abc 100644 --- a/src/components/molecules/RelatedPosts.module.scss +++ b/src/components/molecules/RelatedPosts.module.scss @@ -5,6 +5,10 @@ margin-top: -($spacer * 2); margin-bottom: $spacer; + @media (min-width: $screen-md) { + @include breakoutviewport; + } + ul { display: flex; flex-wrap: wrap;