Language drop-down for comments is clipped

[trashhalo]

Found a bug? Please fill out the sections below. 👍

For backend issues, use lemmy

Issue Summary

Language drop-down for comments is clipped until you interact with it. May be mobile only. Spawned from #1047

Steps to Reproduce

1. Open any Lemmy post on mobile

Technical details

• Please post your log: sudo docker-compose logs > lemmy_log.out.
• What OS are you trying to install lemmy on?
• Any browser console errors?

Android Chrome on Pixel 7 pro

[jsit]

@dessalines To give this dropdown a little more room, I suggest moving the language drop-down and the "Post" button to a second row. This will:

a. Prevent the language dropdown from being squished b. Make the distinction between the formatting options and the other elements more clear c. Give the formatting bar more room d. Move the "Post" button to the lower-right, which is a very common pattern on the web (I'm seeing it right here on GitHub in fact).

Here's a sample branch that would do this: https://github.com/jsit/lemmy-ui/tree/fix/1057-comment-language-select-clipping

And here are some screenshots of what that might look like at different viewport widths.

Alternatively, "Post" could be on the same row as the formatting icons.

[Nutomic]

Can you open a pull request with your changes?