misc tweaks

Author: silverwind

templates/shared/issuelist.tmpl

@@ -2,7 +2,7 @@
 	{{ $approvalCounts := .ApprovalCounts}}
 	{{range .Issues}}
 		<li class="item df py-3">
-			<div class="issue-item-left df py-2">
+			<div class="issue-item-left df py-1">
 				{{if $.CanWriteIssuesOrPulls}}
 					<div class="ui checkbox issue-checkbox">
 						<input type="checkbox" data-issue-id={{.ID}}></input>
@@ -31,7 +31,7 @@
 			</div>
 			<div class="issue-item-main f1 fc df">
 				<div class="issue-item-top-row df ac fw">
-					<a class="title my-1 mr-2" href="{{if .HTMLURL}}{{.HTMLURL}}{{else}}{{$.Link}}/{{.Index}}{{end}}">{{RenderEmoji .Title}}</a>
+					<a class="title mr-3" href="{{if .HTMLURL}}{{.HTMLURL}}{{else}}{{$.Link}}/{{.Index}}{{end}}">{{RenderEmoji .Title}}</a>
 					{{if .IsPull }}
 						{{if (index $.CommitStatus .PullRequest.ID)}}
 							{{template "repo/commit_status" (index $.CommitStatus .PullRequest.ID)}}

web_src/less/_repository.less

@@ -2874,15 +2874,31 @@
   flex-wrap: wrap;
 }
 
-.labels.list .item {
+.labels.list .item,
+.timeline-item .label {
   padding: .3em .5em !important;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 3px;
 }
 
-.labels.list .item + .item {
-  margin-left: 3px;
+.issue-item-top-row .label {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 1.5px;
+  margin-bottom: 1.5px;
+}
+
+.labels.list .item,
+.timeline-item .label,
+.issue-item-top-row .label {
+  margin-right: 3px;
+  display: inline !important;
+}
+
+.timeline-item .label:last-of-type,
+.issue-item-top-row .label:last-of-type {
+  margin-right: 0;
 }
 
 tbody.commit-list {

web_src/less/shared/issuelist.less

@@ -2,6 +2,10 @@
   list-style: none;
   margin-top: 1rem;
 
+  a:hover {
+    color: var(--color-primary) !important;
+  }
+
   > .item {
     .issue-checkbox {
       margin-top: 1px;
@@ -20,10 +24,10 @@
     }
 
     .issue-item-top-row {
-      max-width: 80%;
-      overflow-wrap: break-word;
+      max-width: 100%;
       color: var(--color-text);
       font-size: 16px;
+      min-width: 0;
       font-weight: 600;
     }
 
@@ -32,15 +36,8 @@
     }
 
     .title {
-      display: block;
-      min-width: 0;
       color: var(--color-text);
-      font-size: 16px;
-      font-weight: 600;
-
-      &:hover {
-        color: var(--color-primary);
-      }
+      word-break: break-word;
     }
 
     .issue-item-icon-right {
@@ -65,10 +62,6 @@
         color: inherit;
       }
 
-      a:hover {
-        color: var(--color-primary);
-      }
-
       .time-since,
       a {
         margin-left: .25rem;
@@ -112,19 +105,11 @@
 
       a.milestone {
         margin-left: 5px;
-
-        &:hover {
-          color: var(--color-primary) !important;
-        }
       }
 
       a.ref {
         margin-left: 8px;
 
-        &:hover {
-          color: var(--color-primary) !important;
-        }
-
         span {
           margin-right: -4px;
         }