Fix button misplacmenet in the comment section and cleanup css

[marwyg]

Fixes #540

This PR adds some CSS flex to rearrange the button and the selectbox. Furthermore it cleans up some css that seem to have no effect and makes the selectbox a little bit larger (because why not, there is plenty of room).

[github-actions]

This pull request is deployed at test.admin-interface.opencast.org/565/2024-06-04_11-40-02/ .
It might take a few minutes for it to become available.

[github-actions]

Use docker or podman to test this pull request locally.

Run test server using develop.opencast.org as backend:

podman run --rm -it -p 127.0.0.1:3000:3000 ghcr.io/opencast/opencast-admin-interface:pr-565

Specify a different backend like stable.opencast.org:

podman run --rm -it -p 127.0.0.1:3000:3000 -e PROXY_TARGET=https://stable.opencast.org ghcr.io/opencast/opencast-admin-interface:pr-565

It may take a few seconds for the interface to spin up.
It will then be available at http://127.0.0.1:3000.
For more options you can pass on to the proxy, take a look at the README.md.

[jduehring]

Looks good to me and works as expected.

[marwyg]

My removed CSS seems to break the view, when you click on "reply". See #527 as reference. I will make another commit for this PR to enhance the styling of the "reply" view.

[github-actions]

This pull request is deployed at test.admin-interface.opencast.org/565/2024-06-04_12-24-39/ .
It might take a few minutes for it to become available.

[marwyg]

I kept the big checkbox against this comment: #527 (comment) because of accessibility reasons. What do you think?

Nonetheless, the reply view looks like this now:

[marwyg]

It's ready for review

[Arnei]

Looks reasonable to me. Got one question though: Why use CSS order? Could we not just order the elements correctly in EventDetailsCommentsTab?

[marwyg]

I thought about this. But I am not sure if I might break something and I found out, that it's possible to change order with CSS ;) But if you prefer the other way I try it out.

[Arnei]

I would avoid ordering with CSS unless necessary in order to keep with convention and keep it simple.

[github-actions]

This pull request is deployed at test.admin-interface.opencast.org/565/2024-06-04_14-06-54/ .
It might take a few minutes for it to become available.

[marwyg]

I reordered the elements in the TSX now.