diff --git a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss index a7cbc8361d5..0d50138c958 100644 --- a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss +++ b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss @@ -72,8 +72,18 @@ &__content { @include body-2-regular; - li { + ul { @include body-2-regular; + margin-bottom: 16px; + margin-left: 16px; + + li { + margin-bottom: 1em; + + &:last-child { + margin-bottom: 0; + } + } } } diff --git a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx index 0947db7b256..b059daea7fe 100644 --- a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx +++ b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx @@ -38,7 +38,7 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => {
{props.title}
-

+

@@ -96,16 +96,16 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => {

What you should know about this indicator

-
+
{props.descriptionKey.length === 1 ? ( ) : ( -
    +
      {props.descriptionKey.map((item, i) => (
    • - + {" "}
    • ))}
    @@ -127,7 +127,7 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => { : "How does the producer of this data describe this data?" } content={ -
    +
    @@ -143,7 +143,11 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => { +
    + +
    } /> )} diff --git a/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx b/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx index 3497a5d5a56..aa079409df7 100644 --- a/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx +++ b/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx @@ -39,7 +39,7 @@ export const IndicatorProcessing = (props: IndicatorProcessingProps) => { Notes on our processing step for this indicator
    -

    +

    diff --git a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx index b5aee426b58..13570124175 100644 --- a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx +++ b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx @@ -51,7 +51,7 @@ const SourceContent = (props: { source: OriginSubset }) => { return (

    {source.description && ( -

    +

    )} diff --git a/site/DataPageContent.scss b/site/DataPageContent.scss index 28af7aa719e..1c2f0a93327 100644 --- a/site/DataPageContent.scss +++ b/site/DataPageContent.scss @@ -355,4 +355,13 @@ .wp-code-snippet { margin-bottom: 16px; } + + .simple-markdown-text { + @include body-3-medium; + + a { + @include owid-link-60; + color: inherit; + } + } }