From b308c91b506f47012beeaa27eff42d14677cdbb7 Mon Sep 17 00:00:00 2001
From: Clare Ming <cming@wikimedia.org>
Date: Mon, 1 Nov 2021 16:33:07 -0600
Subject: [PATCH] Fix spacing between icon + text in main menu

Bug: T292452
Change-Id: Idc603ccaeeb42f60899059ebb51226e8a20a969d
---
 includes/Skins/menuGroup.mustache                         | 2 +-
 resources/skins.minerva.mainMenu.styles/MainMenuItem.less | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/includes/Skins/menuGroup.mustache b/includes/Skins/menuGroup.mustache
index ac6120074..afbd74b47 100644
--- a/includes/Skins/menuGroup.mustache
+++ b/includes/Skins/menuGroup.mustache
@@ -2,7 +2,7 @@
   {{#components}}
     <a href="{{href}}" class="{{class}}"
 	   data-mw="interface" data-event-name="{{data-event-name}}">
-      {{#icon}}<span class="mw-ui-icon-{{*}} mw-ui-icon"></span>{{/icon}}&nbsp;<span>{{text}}</span>
+      {{#icon}}<span class="mw-ui-icon-{{*}} mw-ui-icon"></span>{{/icon}}<span>{{text}}</span>
      </a>
   {{/components}}
 </li>
diff --git a/resources/skins.minerva.mainMenu.styles/MainMenuItem.less b/resources/skins.minerva.mainMenu.styles/MainMenuItem.less
index c1b48cfe2..cc93ad80c 100644
--- a/resources/skins.minerva.mainMenu.styles/MainMenuItem.less
+++ b/resources/skins.minerva.mainMenu.styles/MainMenuItem.less
@@ -69,6 +69,10 @@
 					font-size: @font-size-minerva-small;
 					font-weight: bold;
 				}
+
+				.mw-ui-icon + span {
+					margin-left: 8px;
+				}
 			}
 		}
 	}