From 1c8a3d79fe01c4d255323203f66264e7566293e0 Mon Sep 17 00:00:00 2001
From: Ricardo Artemio Morales <ric.morales22@gmail.com>
Date: Thu, 13 Jun 2024 13:22:25 +0200
Subject: [PATCH 1/3] Remove connections icon and fix padding

---
 .../entities-saved-states/entity-record-item.js           | 8 +-------
 .../src/components/entities-saved-states/style.scss       | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/editor/src/components/entities-saved-states/entity-record-item.js b/packages/editor/src/components/entities-saved-states/entity-record-item.js
index 49733489b0a117..631abd43d6c7dd 100644
--- a/packages/editor/src/components/entities-saved-states/entity-record-item.js
+++ b/packages/editor/src/components/entities-saved-states/entity-record-item.js
@@ -1,12 +1,11 @@
 /**
  * WordPress dependencies
  */
-import { Icon, CheckboxControl, Flex, PanelRow } from '@wordpress/components';
+import { CheckboxControl, Flex, PanelRow } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
-import { connection } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -62,11 +61,6 @@ export default function EntityRecordItem( { record, checked, onChange } ) {
 			{ hasPostMetaChanges && (
 				<PanelRow>
 					<Flex className="entities-saved-states__post-meta">
-						<Icon
-							className="entities-saved-states__connections-icon"
-							icon={ connection }
-							size={ 24 }
-						/>
 						<span className="entities-saved-states__bindings-text">
 							{ __( 'Post Meta.' ) }
 						</span>
diff --git a/packages/editor/src/components/entities-saved-states/style.scss b/packages/editor/src/components/entities-saved-states/style.scss
index 8f0d8f53ca9cbb..e3e04f88c5cb64 100644
--- a/packages/editor/src/components/entities-saved-states/style.scss
+++ b/packages/editor/src/components/entities-saved-states/style.scss
@@ -32,7 +32,7 @@
 }
 
 .entities-saved-states__post-meta {
-	margin-left: $grid-unit-30;
+	margin-left: 28px;
 	align-items: center;
 }
 

From adbd3c20b409d4f0290f5f71bcbea45c264b7d44 Mon Sep 17 00:00:00 2001
From: Ricardo Artemio Morales <ric.morales22@gmail.com>
Date: Fri, 14 Jun 2024 10:28:33 +0200
Subject: [PATCH 2/3] Reuse Global Styles changes design for meta changes

---
 .../entities-saved-states/entity-record-item.js     | 12 ++++--------
 .../src/components/entities-saved-states/style.scss | 13 -------------
 2 files changed, 4 insertions(+), 21 deletions(-)

diff --git a/packages/editor/src/components/entities-saved-states/entity-record-item.js b/packages/editor/src/components/entities-saved-states/entity-record-item.js
index 631abd43d6c7dd..ca9fb2e0b169c3 100644
--- a/packages/editor/src/components/entities-saved-states/entity-record-item.js
+++ b/packages/editor/src/components/entities-saved-states/entity-record-item.js
@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { CheckboxControl, Flex, PanelRow } from '@wordpress/components';
+import { CheckboxControl, PanelRow } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
@@ -59,13 +59,9 @@ export default function EntityRecordItem( { record, checked, onChange } ) {
 				/>
 			</PanelRow>
 			{ hasPostMetaChanges && (
-				<PanelRow>
-					<Flex className="entities-saved-states__post-meta">
-						<span className="entities-saved-states__bindings-text">
-							{ __( 'Post Meta.' ) }
-						</span>
-					</Flex>
-				</PanelRow>
+				<ul className="entities-saved-states__changes">
+					<li>{ __( 'Post Meta.' ) }</li>
+				</ul>
 			) }
 		</>
 	);
diff --git a/packages/editor/src/components/entities-saved-states/style.scss b/packages/editor/src/components/entities-saved-states/style.scss
index e3e04f88c5cb64..981a0d92e5ff6b 100644
--- a/packages/editor/src/components/entities-saved-states/style.scss
+++ b/packages/editor/src/components/entities-saved-states/style.scss
@@ -30,16 +30,3 @@
 		margin-bottom: $grid-unit-05;
 	}
 }
-
-.entities-saved-states__post-meta {
-	margin-left: 28px;
-	align-items: center;
-}
-
-.entities-saved-states__connections-icon {
-	flex-grow: 0;
-}
-
-.entities-saved-states__bindings-text {
-	flex-grow: 1;
-}

From 7aadf9a419e7eec092389dc9c47dfb332d5da4b4 Mon Sep 17 00:00:00 2001
From: Ricardo Artemio Morales <ric.morales22@gmail.com>
Date: Fri, 14 Jun 2024 15:01:05 +0200
Subject: [PATCH 3/3] Update test

---
 test/e2e/specs/editor/various/publish-panel.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/e2e/specs/editor/various/publish-panel.spec.js b/test/e2e/specs/editor/various/publish-panel.spec.js
index c70a7b85cd70fe..02a7bfa60eea45 100644
--- a/test/e2e/specs/editor/various/publish-panel.spec.js
+++ b/test/e2e/specs/editor/various/publish-panel.spec.js
@@ -164,7 +164,7 @@ test.describe( 'Post publish panel', () => {
 		await expect( publishPanel ).toBeVisible();
 
 		const postMetaPanel = publishPanel.locator(
-			'.entities-saved-states__post-meta'
+			'.entities-saved-states__changes'
 		);
 
 		await expect( postMetaPanel ).toBeVisible();