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

silverwind · GiteaBot · web-flow · commit 8d14266269f1 · 2024-04-09T08:30:21.000+02:00
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: Giteabot <teabot@gitea.io>
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
@@ -2274,9 +2274,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
`@@ -2274,9 +2274,9 @@`
`2274`	`2274`	`}`
`2275`	`2275`
`2276`	`2276`	`.labels-list {`
`2277`		`- display: flex;`
	`2277`	`+ display: inline-flex;`
`2278`	`2278`	`flex-wrap: wrap;`
`2279`		`- gap: 0.25em;`
	`2279`	`+ gap: 2.5px;`
`2280`	`2280`	`}`
`2281`	`2281`
`2282`	`2282`	`.labels-list a {`