Add padding and max width so they don't stick to right screen border

[Elsensee]

This also aligns them

Before: (notice how the border isn't clearly visible because it sticks to the right screen border)

After:

The german translation text doesn’t fit completely into the text box when the screen is very small. It will fit however into the max-width of 300px.

[Chartman123]

Hi @Elsensee and thanks for your contribution :) Looks good from my side.

While checking your changes, I realized that our layout is currently also a little bit broken on normal screens. If you want, you can also give it a try and fix our CSS to align all elements (especially in the create/edit view)

[Chartman123]

/backport to stable4

[Elsensee]

@Chartman123 Great!

I might get to it this weekend. :)

[Elsensee]

While checking your changes, I realized that our layout is currently also a little bit broken on normal screens. If you want, you can also give it a try and fix our CSS to align all elements (especially in the create/edit view)

To be honest, I'm not quite sure what you mean. It looks fine and aligned to me? Or maybe I am looking in the wrong place.

[Chartman123]

@Elsensee I'll create a new issue with some screenshots :)

Update: see created issue #2403

[jancborchardt]

Looks very nice to me, thank you for the fix @Elsensee! :) Looking forward to further contributions if you like!