fix labels

Author: wxiaoguang

templates/repo/issue/view_content/comments.tmpl

@@ -169,7 +169,7 @@
 			</div>
 		{{else if eq .Type 7}}
 			{{if or .AddedLabels .RemovedLabels}}
-				<div class="timeline-item event with-labels-list" id="{{.HashTag}}">
+				<div class="timeline-item event with-labels-list-inline" id="{{.HashTag}}">
 					<span class="badge">{{svg "octicon-tag"}}</span>
 					{{template "shared/user/avatarlink" dict "user" .Poster}}
 					<span class="text grey muted-links">

web_src/css/base.css

@@ -35,7 +35,7 @@
   --z-index-modal: 1001; /* modal dialog, hard-coded from Fomantic modal.css */
   --z-index-toast: 1002; /* should be larger than modal */
 
-  --font-size-label: 14px;
+  --font-size-label: 12px;
 }
 
 @media (min-width: 768px) and (max-width: 1200px) {

web_src/css/repo.css

@@ -629,11 +629,6 @@ td .commit-summary {
   border: 1px solid var(--color-light-border);
 }
 
-.repository.view.issue .comment-list .timeline-item.with-labels-list .ui.label {
-  margin: 0 2px;
-  line-height: var(--line-height-default);
-}
-
 @media (max-width: 767.98px) {
   .repository.view.issue .comment-list .timeline-item .ui.segments {
     margin-left: -2rem;
@@ -1577,6 +1572,15 @@ If the labels-list itself needs some layouts, use extra classes or "tw" helpers.
   padding-bottom: 0;
 }
 
+.with-labels-list-inline .labels-list a > .ui.label {
+  margin-left: 0.25em;
+}
+
+.with-labels-list-inline .labels-list .ui.label {
+  line-height: var(--line-height-default);
+}
+
+
 /* Scoped labels with different colors on left and right */
 .ui.label.scope-parent {
   background: none !important;