From cedb47d2b0ce88b0ad558fed72fa8580ccdee673 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 13 Jan 2022 09:50:59 +0800
Subject: [PATCH] Make activity panel badges margin consistent
 (https://github.com/woocommerce/woocommerce-admin/pull/8152)

* Make activity panel badges margin consistent

* Add changelog
---
 .../changelogs/tweak-8035-activity-panel-badges-margin      | 4 ++++
 plugins/woocommerce-admin/client/homescreen/style.scss      | 4 ++++
 plugins/woocommerce-admin/client/inbox-panel/index.scss     | 6 ------
 plugins/woocommerce-admin/client/tasks/tasks.scss           | 4 ----
 4 files changed, 8 insertions(+), 10 deletions(-)
 create mode 100644 plugins/woocommerce-admin/changelogs/tweak-8035-activity-panel-badges-margin

diff --git a/plugins/woocommerce-admin/changelogs/tweak-8035-activity-panel-badges-margin b/plugins/woocommerce-admin/changelogs/tweak-8035-activity-panel-badges-margin
new file mode 100644
index 00000000000..a4b39eab8d5
--- /dev/null
+++ b/plugins/woocommerce-admin/changelogs/tweak-8035-activity-panel-badges-margin
@@ -0,0 +1,4 @@
+Significance: minor
+Type: Tweak
+
+Make activity panel badges margin consistent. #8152
diff --git a/plugins/woocommerce-admin/client/homescreen/style.scss b/plugins/woocommerce-admin/client/homescreen/style.scss
index c0255340349..c496bd663a4 100644
--- a/plugins/woocommerce-admin/client/homescreen/style.scss
+++ b/plugins/woocommerce-admin/client/homescreen/style.scss
@@ -59,6 +59,10 @@
 		margin-bottom: $gap-large;
 	}
 
+	.components-text + .woocommerce-badge {
+		margin-left: 16px;
+	}
+
 	@include breakpoint( '<782px' ) {
 		width: 100%;
 		position: inherit;
diff --git a/plugins/woocommerce-admin/client/inbox-panel/index.scss b/plugins/woocommerce-admin/client/inbox-panel/index.scss
index d918c42ff48..d2b8c1baeab 100644
--- a/plugins/woocommerce-admin/client/inbox-panel/index.scss
+++ b/plugins/woocommerce-admin/client/inbox-panel/index.scss
@@ -36,12 +36,6 @@
 	transition: opacity 500ms, transform 500ms, max-height 500ms;
 }
 
-.wooocommerce-inbox-card__header {
-	.woocommerce-badge {
-		margin-left: 16px;
-	}
-}
-
 .woocommerce-inbox-dismiss-all-modal {
 	width: 565px;
 	max-width: 100%;
diff --git a/plugins/woocommerce-admin/client/tasks/tasks.scss b/plugins/woocommerce-admin/client/tasks/tasks.scss
index 9476997f032..190ca881739 100644
--- a/plugins/woocommerce-admin/client/tasks/tasks.scss
+++ b/plugins/woocommerce-admin/client/tasks/tasks.scss
@@ -23,10 +23,6 @@
 	.woocommerce-task-card {
 		.wooocommerce-task-card__header {
 			display: flex;
-
-			.woocommerce-badge {
-				margin-left: 16px;
-			}
 		}
 
 		.woocommerce-list__item-text {