Review and Approval panel style fixes

[bbpennel]

Summary

Between hyrax 3 and 4 the layout and styling of the Review and Approval changed significantly, which seems unintentional after reviewing the commit history for that file.

Guidance for testing, such as acceptance criteria or new user interface behaviors:

In the hyrax dassie environment, create an admin set with the "One stop mediated deposit" workflow. Deposit a work into this admin set. On the resulting work page, expand the "Review and Approval" panel at the top of the page. Compare this between a hyrax 3 and 4/5 instance.

Type of change (for release notes)

notes-bugfix

Detailed Description

There were a number of style and layout changes, likely the result of the bootstrap upgrade. The issues include:

• The main button/header to expand the panel now has a large white padding around it
• Inside the panel, all the components are now arranged into a single column at any window width, whereas before the "Actions" section was on the left and the other parts were to the right (the bootstrap columns are still arranged this way)
• The "Actions" section no longer has padding at the top and bottom, so it looks cut off
• The label for the comments input is no longer bold
• There is very little spacing between the submit button and the "Previous comments" section

See the following screenshot for the hyrax-3 display:

And the hyrax-5 display:

Changes proposed in this pull request:

• Updates to css and added a row div

This PR should fix the listed issues, although it still looks a little different due to new defaults in bootstrap 5.

@samvera/hyrax-code-reviewers

[dlpierce]

Looks much better. Thank you!