Most recent commit with long first line causes repo view to overflow

[madeline-holland]

Description

Hello.

The changes in #21124, specifically here cause the repo file browser to overflow off the page when the most recent commit message has a long first line, which happens a lot when using the Gitea UI to merge two branches with median-length first lines, by default.

By having display: inline, the .commit-list .message-wrapper in the repository file browser doesn't respect the max-width to prevent overflow.

Changing display: inline to display: inline-block fixes the issue on the repository page, but breaks the changes in the above PR, otherwise I would have submitted a PR for it.

I cannot reproduce on the Gitea demo site because it won't allow me to create an account (500 error).

Screenshots

(Sorry for the obfuscation, I couldn't create an account on the demo site, otherwise I would have used that.)

Gitea Version

1.18.0

Can you reproduce the bug on the Gitea demo site?

No

Operating System

Linux

Browser Version

Firefox 108.0, Google Chrome 108.0.5359.124

[madeline-holland]

I was able to fix it on my end without effecting the other page with a header template file containing:

<style>
#repo-files-table .commit-list .message-wrapper {
    display: inline-block;
}
</style>

[silverwind]

Fix suggestion in #22413 (comment).