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!

[github-actions]

Hello there,
Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!

(If you believe you should not receive this message, you can add yourself to the blocklist.)