From a72c7113013859e5613f74f319e441b76fbc89e5 Mon Sep 17 00:00:00 2001 From: malavikakoppula <83021791+malavikakoppula@users.noreply.github.com> Date: Wed, 4 Sep 2024 14:18:56 -0400 Subject: [PATCH] [THEMES-1688] Updated image width to 33% (#2153) * Updated image width to 33% * Added 24px gap between heading and image * Updated gap below image to 16px --------- Co-authored-by: Malavika Koppula --- .storybook/themes/news.scss | 2 +- blocks/top-table-list-block/themes/news.json | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss index a9a470884..23c355345 100644 --- a/.storybook/themes/news.scss +++ b/.storybook/themes/news.scss @@ -4097,7 +4097,7 @@ "margin-block-start": 0, "margin-inline-end": 0, "margin-inline-start": 0, - "max-inline-size": 34% + "max-inline-size": 33% ), "paragraph": ( "display": block diff --git a/blocks/top-table-list-block/themes/news.json b/blocks/top-table-list-block/themes/news.json index 75aa4cc33..efca27c0b 100644 --- a/blocks/top-table-list-block/themes/news.json +++ b/blocks/top-table-list-block/themes/news.json @@ -148,17 +148,18 @@ }, "media-item": { "float": "inline-end", - "margin-block-end": "var(--global-spacing-5)", + "margin-block-end": "var(--global-spacing-4)", "margin-block-start": "0", "margin-inline-end": "0", "margin-inline-start": "0", - "max-inline-size": "34%" + "max-inline-size": "33%" }, "heading": { "font-size": "var(--heading-level-5-font-size)", "font-weight": "var(--heading-level-5-font-weight)", "line-height": "var(--heading-level-5-line-height)", - "margin-block-end": "var(--global-spacing-4)" + "margin-block-end": "var(--global-spacing-4)", + "padding-inline-end": "var(--global-spacing-5)" }, "link": { "position": "relative"