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)
go-gitea · Feb 14, 2021 · d475d53 · d475d53
1 parent 5e5b063
commit d475d53
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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);
 }