Sharing Block: remove extra margin added to first button

See #36382 We should not add any margin before the first button, to avoid alignment issues with other blocks.
Automattic · Mar 14, 2024 · 1d4289d · 1d4289d
1 parent b3c073e
commit 1d4289d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/projects/plugins/jetpack/changelog/fix-sharing-button-first-button-alignment b/projects/plugins/jetpack/changelog/fix-sharing-button-first-button-alignment
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Sharing Block: remove extra margin previously added to the first button.
diff --git a/projects/plugins/jetpack/extensions/blocks/sharing-button/style.scss b/projects/plugins/jetpack/extensions/blocks/sharing-button/style.scss
@@ -95,6 +95,12 @@ a.jetpack-sharing-button__button {
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 5px;
+
+	&:first-child {
+		.jetpack-sharing-button__button {
+			margin-inline-start: 0px;
+		}
+	}
 }
 
 .style-icon-text .jetpack-sharing-button__service-label {