diff --git a/src/components/Feed/ArticleCard/ArticleCard.module.scss b/src/components/Feed/ArticleCard/ArticleCard.module.scss index fba766f7..faed47fb 100644 --- a/src/components/Feed/ArticleCard/ArticleCard.module.scss +++ b/src/components/Feed/ArticleCard/ArticleCard.module.scss @@ -48,6 +48,12 @@ max-width: 2em; vertical-align: text-bottom; } + + :global(.floor--group) &:not(:last-child) { + border-bottom: 1px solid; + margin-bottom: 2.6rem; + padding-bottom: 1.4rem; + } } .shoutCardWithBorder { @@ -62,6 +68,10 @@ } .shoutCardTitlesContainer { + .shoutCardCompact & { + margin-bottom: 0.3em; + } + &.shoutCardTitlesContainerFeedMode { margin-bottom: 1.4rem; } diff --git a/src/components/Feed/Group.scss b/src/components/Feed/Group.scss index 89bc31e7..196b0584 100644 --- a/src/components/Feed/Group.scss +++ b/src/components/Feed/Group.scss @@ -35,6 +35,9 @@ } .floor--group { + background: #e8e5f0; + padding: 4rem 0 3rem; + @include media-breakpoint-down(sm) { .col-lg-12 { .row { diff --git a/src/components/Feed/Group.tsx b/src/components/Feed/Group.tsx index 0dd448ef..e94a863e 100644 --- a/src/components/Feed/Group.tsx +++ b/src/components/Feed/Group.tsx @@ -14,7 +14,7 @@ interface GroupProps { export default (props: GroupProps) => { if (!props.articles) props.articles = [] return ( -
+
4}>
@@ -26,7 +26,6 @@ export default (props: GroupProps) => { settings={{ nosubtitle: false, noicon: true, - isFloorImportant: true, isBigTitle: true, nodate: true, }} @@ -62,7 +61,6 @@ export default (props: GroupProps) => { noimage: true, isBigTitle: true, isCompact: true, - isFloorImportant: true, nodate: true, }} desktopCoverSize="XS" @@ -80,7 +78,6 @@ export default (props: GroupProps) => { noimage: true, isBigTitle: true, isCompact: true, - isFloorImportant: true, nodate: true, }} desktopCoverSize="XS"