✨ set width on related-charts list items

owid · Jan 17, 2025 · 4ebfef2 · 4ebfef2
1 parent 9423b24
commit 4ebfef2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/@ourworldindata/grapher/src/chart/ChartUtils.tsx b/packages/@ourworldindata/grapher/src/chart/ChartUtils.tsx
@@ -232,7 +232,7 @@ export function byHoverThenFocusState(series: {
 /**
  * Given a URL for a CF function grapher thumbnail, generate a srcSet for the image at different widths
  * @param defaultSrc - `https://ourworldindata.org/grapher/thumbnail/life-expectancy.png?tab=chart`
- * @returns srcSet - `https://ourworldindata.org/grapher/thumbnail/life-expectancy.png?tab=chart 850w, https://ourworldindata.org/grapher/thumbnail/life-expectancy.png?tab=chart&imWidth=1700 1700w`
+ * @returns srcSet - `https://ourworldindata.org/grapher/thumbnail/life-expectancy.png?tab=chart&imWidth=850 850w, https://ourworldindata.org/grapher/thumbnail/life-expectancy.png?tab=chart&imWidth=1700 1700w`
  */
 export function generateGrapherImageSrcSet(defaultSrc: string): string {
     const url = Url.fromURL(defaultSrc)

diff --git a/site/blocks/related-charts.scss b/site/blocks/related-charts.scss
@@ -86,6 +86,7 @@
         @include image-shadow;
         margin-bottom: $vertical-spacing * 0.5;
         border: 1px solid transparent;
+        width: 100%;
     }
 
     a {