From 97d642c5838220d22b69c81b6d1a0b3766b65b94 Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Wed, 1 Nov 2023 10:21:06 +0000
Subject: [PATCH] enhance(data-page): trim text fragments

---
 .../IndicatorDescriptions/IndicatorDescriptions.tsx  | 12 +++++++-----
 .../src/IndicatorProcessing/IndicatorProcessing.tsx  |  2 +-
 .../src/IndicatorSources/IndicatorSources.tsx        |  4 ++--
 site/DataPageV2Content.tsx                           |  4 +---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/@ourworldindata/components/src/IndicatorDescriptions/IndicatorDescriptions.tsx b/packages/@ourworldindata/components/src/IndicatorDescriptions/IndicatorDescriptions.tsx
index b05dae48064..e147c3ddbca 100644
--- a/packages/@ourworldindata/components/src/IndicatorDescriptions/IndicatorDescriptions.tsx
+++ b/packages/@ourworldindata/components/src/IndicatorDescriptions/IndicatorDescriptions.tsx
@@ -25,13 +25,15 @@ export const IndicatorDescriptions = (props: IndicatorDescriptionsProps) => {
                     <div className="key-info__content simple-markdown-text">
                         {props.descriptionKey.length === 1 ? (
                             <SimpleMarkdownText
-                                text={props.descriptionKey[0]}
+                                text={props.descriptionKey[0].trim()}
                             />
                         ) : (
                             <ul>
-                                {props.descriptionKey.map((item, i) => (
+                                {props.descriptionKey.map((text, i) => (
                                     <li key={i}>
-                                        <SimpleMarkdownText text={item} />{" "}
+                                        <SimpleMarkdownText
+                                            text={text.trim()}
+                                        />{" "}
                                     </li>
                                 ))}
                             </ul>
@@ -59,7 +61,7 @@ export const IndicatorDescriptions = (props: IndicatorDescriptionsProps) => {
                         content={
                             <div className="simple-markdown-text">
                                 <SimpleMarkdownText
-                                    text={props.descriptionFromProducer}
+                                    text={props.descriptionFromProducer.trim()}
                                 />
                             </div>
                         }
@@ -75,7 +77,7 @@ export const IndicatorDescriptions = (props: IndicatorDescriptionsProps) => {
                         content={
                             <div className="simple-markdown-text">
                                 <SimpleMarkdownText
-                                    text={props.additionalInfo}
+                                    text={props.additionalInfo.trim()}
                                 />
                             </div>
                         }
diff --git a/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx b/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx
index fc96adb440d..f0d1c8b6581 100644
--- a/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx
+++ b/packages/@ourworldindata/components/src/IndicatorProcessing/IndicatorProcessing.tsx
@@ -44,7 +44,7 @@ export const IndicatorProcessing = (props: IndicatorProcessingProps) => {
                     <div className="variable-processing-info__description">
                         <p className="simple-markdown-text">
                             <SimpleMarkdownText
-                                text={props.descriptionProcessing}
+                                text={props.descriptionProcessing.trim()}
                             />
                         </p>
                     </div>
diff --git a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
index 7e17243dd54..69a5f3ef4cb 100644
--- a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
+++ b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
@@ -61,7 +61,7 @@ const SourceContent = (props: {
         <div className="source-content">
             {source.description && (
                 <p className="description simple-markdown-text">
-                    <SimpleMarkdownText text={source.description} />
+                    <SimpleMarkdownText text={source.description.trim()} />
                 </p>
             )}
             {showKeyInfo && (
@@ -103,7 +103,7 @@ const SourceContent = (props: {
                             </a>{" "}
                             below.
                             <CodeSnippet
-                                code={source.citationFull}
+                                code={source.citationFull.trim()}
                                 theme="light"
                             />
                         </div>
diff --git a/site/DataPageV2Content.tsx b/site/DataPageV2Content.tsx
index 903e6d35ed0..f0dbd55bfd7 100644
--- a/site/DataPageV2Content.tsx
+++ b/site/DataPageV2Content.tsx
@@ -226,9 +226,7 @@ export const DataPageV2Content = ({
                                             </div>
                                             <p className="about-this-data__indicator-description simple-markdown-text">
                                                 <SimpleMarkdownText
-                                                    text={
-                                                        datapageData.descriptionShort
-                                                    }
+                                                    text={datapageData.descriptionShort.trim()}
                                                 />
                                             </p>
                                         </>