Fix text overflow display issues

[cbeer]

https://searchworks.stanford.edu/view/L17771

[jcoyne]

@alundgard What should this look like when the item description is long and the description is long too (as seen in @cbeer's example)?

[alundgard]

A quick fix may be to set height: fit-content; on the label element .form-control (or a similar solution that makes the row height fit the content). Also seems like an issue for mobile, where every row may be truncated:

[jcoyne]

@alundgard any concern that the thing that looks like a table header doesn't appear to encompass the width of this label?

[alundgard]

It was also that way prior to bs4, right? It's not ideal but probably better than the alternatives: cramming the text content to fit into the Status "column"; or adjusting the container div width, which could get messy on mobile.

[alundgard]

Something that could help a bit with that is setting text-align: right; on the span element .pull-right (or similar). So that the status message is right-justified with the Status "column":

[jcoyne]

@alundgard sul-requests is still on bs3. We haven't migrated it yet. I think this may be related to the switch to folio.