Commit hashes are different sizes and overflow on homepage

[JanRomero]

Description

Sorry if this is a dupe, I searched for everything that came to mind...

After upgrading to 1.22.0-rc1 the homepage has this problem with commit ids both in Firefox and Edge. This only happens for long commit messages and is reproducible on try.gitea.io if you can find or fake a long message. For example, go to Lunny’s activity and use dev tools to make one of the commit messages longer.

It seems to be fixed by adding flex-shrink: 100; to the commit message <span>, but not sure if that will cause problems elsewhere. I’ve only played around in the browser tools.

Thank you!

Screenshots

Gitea Version

1.22.0-rc1

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Firefox and MsEdge latest

[wxiaoguang]

-> Fix some UI regressions for commit list #30920

[JanRomero]

Awesome, thanks! I forgot you could set flex-shrink to 0, lol