💄 (sources) minor style tweaks

owid · Dec 29, 2023 · e5172fe · e5172fe
1 parent 6c143bc
commit e5172fe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx b/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx
@@ -6,7 +6,7 @@ export const DataCitation = (props: {
     citationLong: string
 }) => {
     return (
-        <>
+        <div className="data-citation">
             {props.citationShort && (
                 <>
                     <p className="citation__paragraph">
@@ -33,6 +33,6 @@ export const DataCitation = (props: {
                     />
                 </>
             )}
-        </>
+        </div>
     )
 }
diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
@@ -125,11 +125,17 @@
             margin-right: $tab-gap;
         }
 
+        .data-citation .wp-code-snippet {
+            margin-bottom: 16px;
+        }
+
         .citation__paragraph {
             color: $light-text;
         }
 
         .citation__type {
+            display: block;
+            line-height: 1.5;
             color: $dark-text;
             font-weight: 500;
         }