Incorrect alignment of "Viewed" checkbox for long (wrapped) file names

[jpraet]

Description

For files with long (line-wrapped) filenames, the "Viewed" checkbox is misaligned.

Screenshots

reproduced on try.gitea.io:

Gitea Version

1.18.5

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

Windows

Browser Version

Firefox 102.8.0.esr

[delvh]

Looks less like the Viewed checkbox is broken, and more like that whole button group mysteriously gets shifted.
I think these buttons should always be at the same x position.

[silverwind]

Could probably be fixed by moving the .diff-file-header-actions into the same flexbox with the filename.

[HesterG]

Besides the misalignment, maybe it is better to add text-overflow: ellipsis; to the long text, so the file name line won't be in two or more lines?

[jpraet]

Related, this "Changed since your last review" on 3 lines also looks kind of weird:

[silverwind]

Besides the misalignment, maybe it is better to add text-overflow: ellipsis; to the long text, so the file name line won't be in two or more lines?

I think two lines is still an okay display. There is -webkit-line-clap which all major browsers support where we could limit the line number to two and in addition add the ellipsis so it will wrap to two lines and add ellipsis on the end of the second line.

[jpraet]

#22844 (Always go full width in PR view) would not fix this, but would reduce the likelihood of it happening.
Perhaps it can be backported to 1.18?

[silverwind]

I have no personal interest for backporting into 1.18 at this point as 1.19 isn't too far off.