Commit hash and commiter avatar off in the PR view

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

• Gitea version (or commit ref): 1.14.0+dev-258-g03fa2eccb
• Git version: git version 2.29.2.526.gbb4321173f
• Operating system: Arch Linux
• Built from
  • source
• Run with
  • systemd
• Database:
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • No

Description

Recently I have noticed this anomalously off-set commit hash+avatar labels in the PR view (see screenshots below).
Could this be somehow linked to the recent and otherwise awesome improvements brought by #13594?

Screenshots

[silverwind]

Possible, those SHA boxes are currently a bit of a pain because they use like three different templates and three different CSS sections so issues like that are bound to arise eventually until they properly share template and CSS.

[CirnoT]

Caused by #13594 by blindly forcing display: inline on Fomantic's ui.label element. Fomantic's label element can contain additional elements (such as .detail which is used here) which breaks when inline is forced.

Since we use Fomantic and this change explicitly breaks Fomantic styling, I suppose it will have to be reverted and better solution found (refering here to w/e the display: inline attempts to do, not whole PR).

[CirnoT]

Additionally it seems that the .detail element is now not matching with box itself (for some reason we're using padding and margin hack there), a quick fix would be to change it to:

margin: -3px -6px -3px 0;
padding: 3px 6px 3px 6px;

however I fear this might be font-related.

Possibly removing .button .icon would work better (this removes forced padding applied by Fomantic so we don't have to work around it with hacks)?

[silverwind]

That display: inline is for issue label lists only (so they wrap around and stuff), it should not match on that shabox.