Fix label-list rendering in timeline, decrease gap (#30342) (#30380)

GiteaBot · silverwind · web-flow · commit 021ee8454abb · 2024-04-10T05:36:04.000Z
Backport #30342 by @silverwind Not sure exactly when this regressed, but has been a while I think. Before: <img width="895" alt="Screenshot 2024-04-08 at 22 46 50" src="https://github.com/go-gitea/gitea/assets/115237/9b1788f8-017e-4fe1-8ab9-938e0d76fb41"> After: <img width="689" alt="Screenshot 2024-04-08 at 23 00 58" src="https://github.com/go-gitea/gitea/assets/115237/90193df9-5c24-4a1a-96fe-3d4e8392063c"> Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
@@ -2372,9 +2372,9 @@
 }
 
 .labels-list {
-  display: flex;
+  display: inline-flex;
   flex-wrap: wrap;
-  gap: 0.25em;
+  gap: 2.5px;
 }
 
 .labels-list a {

Original file line number	Diff line number	Diff line change
`@@ -2372,9 +2372,9 @@`
`2372`	`2372`	`}`
`2373`	`2373`
`2374`	`2374`	`.labels-list {`
`2375`		`- display: flex;`
	`2375`	`+ display: inline-flex;`
`2376`	`2376`	`flex-wrap: wrap;`
`2377`		`- gap: 0.25em;`
	`2377`	`+ gap: 2.5px;`
`2378`	`2378`	`}`
`2379`	`2379`
`2380`	`2380`	`.labels-list a {`