From ad739ef42f6dbc56991d80daf7898606f76a5001 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Tue, 2 May 2023 10:59:02 +0200 Subject: [PATCH 1/2] Button: Update gap between icon and text. --- packages/components/src/button/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index e114756f9614f1..eb96108cc7f3ff 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -297,11 +297,11 @@ } &.has-text svg { - margin-right: $grid-unit-10; + margin-right: $grid-unit-05; } &.has-text .dashicon { - margin-right: $grid-unit-10 + 2px; + margin-right: $grid-unit-05 + 2px; } } From 42adb70c30c857078dc3150e05e1b77c4f14e300 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Tue, 2 May 2023 11:04:14 +0200 Subject: [PATCH 2/2] Update changelog. --- packages/components/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 6b82ca2d036abc..6173e755d749d3 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -3,6 +3,7 @@ ## Unreleased - `CheckboxControl`, `CustomGradientPicker`, `FormToggle`, : Refactor and correct the focus style for consistency ([#50127](https://github.com/WordPress/gutenberg/pull/50127)). +- `Button`: Reduce the gap between icon and label in icon+text buttons, to make them seem contextual ([#50241](https://github.com/WordPress/gutenberg/pull/50241)). ### Internal