From e03fcebc45af9f6ba7cbfff765fa79c0fdfe8f04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Zieli=C5=84ski?= <adam@adamziel.com>
Date: Fri, 12 Jun 2020 17:34:53 +0200
Subject: [PATCH] Fix whitespace around the link icon

---
 .../block-library/src/navigation-link/edit.js |  1 +
 .../src/navigation-link/editor.scss           | 23 ++++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ad9bc3a4c67cb..789d136339a49 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -154,6 +154,7 @@ function NavigationLinkEdit( {
 						title={ __( 'Link' ) }
 						shortcut={ displayShortcut.primary( 'k' ) }
 						onClick={ () => setIsLinkOpen( true ) }
+						className="navigation-link-edit-link-button"
 					>
 						<span className="navigation-link-edit-link-label">
 							{ displayUrl }
diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss
index 1c8cca13dbf20..2316d86f638e1 100644
--- a/packages/block-library/src/navigation-link/editor.scss
+++ b/packages/block-library/src/navigation-link/editor.scss
@@ -8,17 +8,24 @@
 }
 
 // Truncate long URLs in the toolbar
-.block-editor-block-toolbar .navigation-link-edit-link-label {
-	display: inline-block;
-	max-width: 230px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+.block-editor-block-toolbar .navigation-link-edit-link-button {
+	&,
+	&.components-button.components-button.has-icon svg {
+		margin-right: 0;
+	}
+
+	.navigation-link-edit-link-label {
+		display: inline-block;
+		max-width: 230px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 }
 
 /**
- * Adjust Navigation Item.
- */
+* Adjust Navigation Item.
+*/
 .wp-block-navigation-link {
 	.block-editor-block-list__layout {
 		display: block;