diff --git a/public/icons/knowledge-base-bullet.svg b/public/icons/knowledge-base-bullet.svg new file mode 100644 index 00000000..2e6d6db6 --- /dev/null +++ b/public/icons/knowledge-base-bullet.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Views/Feed.module.scss b/src/components/Views/Feed.module.scss index 48833446..219110f3 100644 --- a/src/components/Views/Feed.module.scss +++ b/src/components/Views/Feed.module.scss @@ -88,12 +88,24 @@ ul { @include font-size(1.4rem); - font-weight: bold; margin: 1rem 0 0; - line-height: 1.4; + line-height: 1.3; li { + margin-bottom: 1.2rem; + padding-left: 2.6rem; + position: relative; + + &:before { + background: url(/public/icons/knowledge-base-bullet.svg) no-repeat; + content: ''; + height: 1.6rem; + left: 0; + position: absolute; + width: 2rem; + } + &:last-child { margin-bottom: 0; } diff --git a/src/components/Views/Feed.tsx b/src/components/Views/Feed.tsx index 55c29c9d..c2fcf650 100644 --- a/src/components/Views/Feed.tsx +++ b/src/components/Views/Feed.tsx @@ -189,7 +189,7 @@ export const FeedView = () => {
- +

{t('Knowledge base')}