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)

diff --git a/templates/user/profile.tmpl b/templates/user/profile.tmpl
index 12e14597646068ccb0f08c9ee35d8fe68dd22326..ddad4c46c351128a731c5fb8ff482bc2be5517c7 100644 (file)
--- 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 2b27e41e612a9cd3874e932fc75693f5134c8ee0..f5c322ba43af0142fc1d92bec24f31c4936f08cb 100644 (file)
--- 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);
 }