Making the container wider won't necessarily solve your problem. Depending on what theme you are using for your administration, the field labels will wrap even if there is clearly more room available. I suggest you try adding (or modifying) a custom css file and link to it at Home » CiviCRM » Administer CiviCRM » Settings - Resource URLs. We keep ours in [cms.root]/sites/default/files/custom_civicrm.css.
Here are some of the CSS rules with which you may want to experiment:
.crm-container .crm-section .label {
float: none;
}
.ui-dialog label {
white-space: nowrap;
}
The float:none
prevents the label from being jammed over to the left. Ironically, this "floats" the label above the field in a nice way. The white-space: nowrap
forces the entire label to display on a single line, which overrides the word-wrap: break-word
you might have in another css file.
If .ui-dialog
ends up being too broad (creating strange effects elsewhere in your CiviCRM system), you might also try .CRM_Profile_Form_Edit
. This should have the same effect, but will have a much more limited score. There may be other pop-up dialog boxes that have the same word-wrapping problem, and they will likely have different classes. You could copy the CSS for each class you find, or inspect the element using Chrome to find the most broad class that doesn't give you any undesired effects.