Tune UI alignment for nav bar notification icon, avatar image, issue label (#17438)

wxiaoguang · web-flow · commit b428b0f0edd6 · 2021-10-26T15:29:48.000+03:00
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
@@ -637,6 +637,7 @@ a.ui.card:hover,
 
   .fitted .svg {
     margin-right: 0;
+    vertical-align: middle;
   }
 
   .searchbox {
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
@@ -824,6 +824,7 @@
           width: 20px;
           height: 20px;
           margin: 0 .25rem;
+          vertical-align: middle;
         }
 
         &:first-child:not(.commit) {
@@ -2791,6 +2792,7 @@
 .labels-list .label {
   margin: 2px 0;
   display: inline-block !important;
+  line-height: 1.3em; // there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly
 }
 
 tbody.commit-list {

Original file line number	Diff line number	Diff line change
`@@ -824,6 +824,7 @@`
`824`	`824`	`width: 20px;`
`825`	`825`	`height: 20px;`
`826`	`826`	`margin: 0 .25rem;`
	`827`	`+ vertical-align: middle;`
`827`	`828`	`}`
`828`	`829`
`829`	`830`	`&:first-child:not(.commit) {`
`@@ -2791,6 +2792,7 @@`
`2791`	`2792`	`.labels-list .label {`
`2792`	`2793`	`margin: 2px 0;`
`2793`	`2794`	`display: inline-block !important;`
	`2795`	+ line-height: 1.3em; // there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly
`2794`	`2796`	`}`
`2795`	`2797`
`2796`	`2798`	`tbody.commit-list {`