diff --git a/src/components/threadFeed/index.js b/src/components/threadFeed/index.js index 994627e227..341f23d52c 100644 --- a/src/components/threadFeed/index.js +++ b/src/components/threadFeed/index.js @@ -14,7 +14,7 @@ import { NullCard } from '../upsell'; import { LoadingInboxThread } from '../loading'; import NewActivityIndicator from '../newActivityIndicator'; import ViewError from '../viewError'; -import { Upsell, UpsellHeader, UpsellFooter } from './style'; +import { Upsell, UpsellHeader, UpsellFooter, UpsellBlock } from './style'; import type { GetCommunityType } from 'shared/graphql/queries/community/getCommunity'; import type { Dispatch } from 'redux'; import { ErrorBoundary } from 'src/components/error'; @@ -66,7 +66,7 @@ const UpsellState = ({ community }) => (
First things first, you’ll want to start a couple threads.
-
+
-
Once you’ve got a couple threads started, make sure to{' '} help people find your community. Talking about your community on diff --git a/src/components/threadFeed/style.js b/src/components/threadFeed/style.js index 4bcc94334b..344fcbc9eb 100644 --- a/src/components/threadFeed/style.js +++ b/src/components/threadFeed/style.js @@ -93,4 +93,16 @@ export const UpsellHeader = styled.div` } `; +export const UpsellBlock = styled.div` + margin-top: 16px; + ul { + padding: 16px 0; + padding-left: 32px; + } + + li { + margin-top: 8px; + } +`; + export const UpsellFooter = styled.div``;