Gitea: Issue label spacing shifting

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

• Gitea version (or commit ref): Gitea version 1.14.0+dev-212-g374ff6046 built with GNU Make 4.3, go1.15.5 : bindata, sqlite, sqlite_unlock_notify
• Git version: git version 2.29.2.454.gaff20da3a2
• Operating system: Arch Linux
• Built from
  
  
  
  • [x] source
  
  
• Run with
  
  
  
  • [x] systemd
  
  
• Database:
  
  
  
  • [x] SQLite
  
  
• Can you reproduce the bug at https://try.gitea.io:
  
  
  
  • [x] Yes
  
  

Description

While the screenshots in the subject PR look alright, after applying #13553 I have come across labels (most of them, really) being out of place and with weird spacing introduced.
Standard arc-green, no custom templates in the subject area are being used, this is how the page is shown in both ff and chromium.

Please see screenshots below.
Overlapping labels were not the best either, but this looks worse IMO.

Screenshots

anomaly 1

anomaly 2

anomaly 3

anomaly 4

anomaly 5

Edit: can reproduce on try.gitea.io

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

also, in more cases than not, this apparently affects the space after the labels as well (the big vertical gap between Labels and Milestones).
Shown in PR view, too.

anomaly 6

[silverwind]

Can you try to reproduce on https://try.gitea.io/?

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

Can you try to reproduce on https://try.gitea.io/?

sure

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

https://try.gitea.io/nuonedammittakenalready/ultimatetestrepo/issues/2#issuecomment-70319
or generally here
https://try.gitea.io/nuonedammittakenalready/ultimatetestrepo/issues

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

https://try.gitea.io/nuonedammittakenalready/ultimatetestrepo/issues/3

https://try.gitea.io/nuonedammittakenalready/ultimatetestrepo/issues/2

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

https://try.gitea.io/nuonedammittakenalready/ultimatetestrepo/issues/4

[silverwind]

Two issues here:

1. Backend is rendering empty labels (which cause the spacing issue)
2. Labels should be inlined

I can fix the second case.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

should #13570 really close this, though, if it only fixes one of the issues you named? @silverwind

[silverwind]

It actually fixes both.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

It actually fixes both.

I first wrote it, then went on to check it..my bad.
Cheers then! 🎉