Answers.Body: <p>I don't know offhand why there's a hardcoded width, but you could try something like</p>
  
  <p><code>div.crm-case-caseview-form-block table.nestedActivitySelector { width: auto; }</code></p>
  
  <p>to override the width setting?</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-12-19T07:47:20.310Z
Answers.Text: On closer inspection cell width appears to be coded in for each column in the table. What seems most odd is that the text in the 'Subject' column isn't wrapping, where it looks like it is in other columns.
Answers.UserDisplayName: Graham
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-12-20T19:13:22.933Z
Answers.Text: Seems to wrap on the public demo. What version are you on? Is there any css override coming from elsewhere?
Answers.UserDisplayName: Demerit
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-12-18T19:01:50.773Z
Answers.LastActivityDate: 2016-12-18T19:01:50.773Z
Answers.UserDisplayName: Demerit
Body: <p>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&amp;id=X&amp;cid=Y&amp;action=view&amp;context=case&amp;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.</p>
  
  <p>Thinking that maybe I could make some CSS edits to set the <code>table-layout: fixed;</code> and use <code>overflow-wrap</code> 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.</p>
  
  <p>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?</p>
  
  <p>How to begin changing this?</p>
  
Tags: <civicase><css>
Title: How to alter the 'Manage Case' display so that it doesn't break with longer activity subjects
ThreadText: # How to alter the 'Manage Case' display so that it doesn't break with longer activity subjects
  
  (Asked by: username_0 on 2016-12-18)
  
  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?
  
  **Tags:** civicase, css
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2016-12-18. Score: 1
  
  I don't know offhand why there's a hardcoded width, but you could try something like
  
  `div.crm-case-caseview-form-block table.nestedActivitySelector { width: auto; }`
  
  to override the width setting?
  
  > **Comments:**
  > **username_0**: On closer inspection cell width appears to be coded in for each column in the table. What seems most odd is that the text in the 'Subject' column isn't wrapping, where it looks like it is in other columns.  
  > **username_1**: Seems to wrap on the public demo. What version are you on? Is there any css override coming from elsewhere?  
  
  ---
  
  