Avatar and labels misalignment

[fsiddi]

Description

Up to Gitea 1.16, avatar and labels were aligned correctly. Since the refactoring of the Avatar component, styling breaks in element listings (e.g. users, organizations, etc).

This issue is easily fixed by:

• replacing the vm class with image in the avatar component
• or adding display: inline-block to the content div next to the avatar

This breaks in other places, such the landing page of a repo.

Screenshots

Gitea 1.16

Gitea 1.19

Gitea Version

1.19

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Chrome 109.0.5414.119

[wolfogre]

Related to #21145. I am not sure if we should add image back.

@silverwind Could you please take a look?

[wxiaoguang]

Another avatar misalignment is here: