From 5d0d2de9ae6dbdc376caab145eaad1284ecf3e5c Mon Sep 17 00:00:00 2001
From: Kyle D <kdumontnu@gmail.com>
Date: Sun, 14 Feb 2021 11:49:22 -0500
Subject: [PATCH] Fix svg spacing (#14638)

* Add right margin to icons in menu items

* Reduce padding on user profile submenu to fit in one line by default (english)
---
 templates/user/profile.tmpl | 2 +-
 web_src/less/_base.less     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/templates/user/profile.tmpl b/templates/user/profile.tmpl
index 12e1459764..ddad4c46c3 100644
--- a/templates/user/profile.tmpl
+++ b/templates/user/profile.tmpl
@@ -83,7 +83,7 @@
 				</div>
 			</div>
 			<div class="ui eleven wide column">
-				<div class="ui secondary stackable pointing menu">
+				<div class="ui secondary stackable pointing tight menu">
 					<a class='{{if and (ne .TabName "activity") (ne .TabName "following") (ne .TabName "followers") (ne .TabName "stars") (ne .TabName "projects")}}active{{end}} item' href="{{.Owner.HomeLink}}">
 						{{svg "octicon-repo"}} {{.i18n.Tr "user.repositories"}}
 					</a>
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 2b27e41e61..f5c322ba43 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -277,6 +277,10 @@ a.muted:hover,
 
 .ui.menu .item {
   color: var(--color-text);
+
+  .svg {
+    margin-right: .35em;
+  }
 }
 
 .ui.menu .item > .label {
@@ -381,6 +385,11 @@ a.muted:hover,
   background: var(--color-active);
 }
 
+.ui.secondary.menu.tight .item {
+  padding-left: .85714286em;
+  padding-right: .85714286em;
+}
+
 .ui.menu .dropdown.item .menu {
   background: var(--color-menu);
 }