When working with cases, the subject field of the activities in the case is commonly set by users. When they enter a subject that is longer than about 30 characters, the display of the entire case, when viewed using the "Manage Case' page (/civicrm/contact/view/case?reset=1&id=X&cid=Y&action=view&context=case&selectedChild=case) is broken, in that the table used to list all of the activities extends to the right of the enclosing div, making the whole thing look messy.
Thinking that maybe I could make some CSS edits to set the
table-layout: fixed; and use
overflow-wrap to wrap the subject text in its cell, I found that this didn't work, I think because the table element has a numerical width attribute coded in, which looks to be different depending on which case I'm looking at.
Why is the table being created with a width value being set by Civi? Wouldn't it make more sense for this table to be a fixed width so that it displays reliably within the broader page structure, and instead force the text in the subject cell to wrap?
How to begin changing this?