Answers.Body: <p>Turns out it was a CSS conflict with the Woocommerce Event Manager plugin in WordPress. In fact it was affecting the formatting of many different modal dialog windows in CiviCRM, not just the Contact Notes dialog.</p>
  <p>In case anyone's interested, I tracked it down by opening the misbehaving dialog in CiviCRM, then used Chrome -&gt; Developer Tools -&gt; Elements to identify the div with the right-shift problem. The CSS hierarchy for this element showed (in the 'Styles' pane) that the CSS heirarchy was interrupted (Jquery UI classes were struckthrough), and it gave the CSS filename, which gave a clue to the identity of the naughty WP plugin.</p>
  <p>Of course, I could have just deactivated each WP plugin in turn...</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-09-06T11:55:58.143Z
Answers.LastActivityDate: 2020-09-06T11:55:58.143Z
Answers.UserDisplayName: Jern
Body: <p>When viewing or editing a note attached to a contact, the dialog window displays the note content shifted far to the right. This is a new problem, but I'm not sure if it's a result of installing a WP plugin, or upgrading to CiviCRM 5.27.3 or 5.28.0. The issue seems to be with the jQuery class <strong>ui-dialog-content</strong>.</p>
  <p>Anyone else seeing this? Any suggestions for finding the cause of the problem? Thanks in advance.</p>
  <p>Wordpress 5.5, CiviCRM 5.28.0</p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-08-15T10:37:05.173Z
Comments.Text: Do you have shoreditch civi extension installated?
Comments.UserDisplayName: Pradeep Nayak
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-08-16T18:50:39.263Z
Comments.Text: Thanks. No, no Shoreditch.
Comments.UserDisplayName: Jern
Tags: <css><jquery>
Title: CSS problems on Contact Notes View modal dialog
ThreadText: # CSS problems on Contact Notes View modal dialog
  
  (Asked by: username_0 on 2020-08-15)
  
  When viewing or editing a note attached to a contact, the dialog window displays the note content shifted far to the right. This is a new problem, but I'm not sure if it's a result of installing a WP plugin, or upgrading to CiviCRM 5.27.3 or 5.28.0. The issue seems to be with the jQuery class **ui-dialog-content**.
  
  Anyone else seeing this? Any suggestions for finding the cause of the problem? Thanks in advance.
  
  Wordpress 5.5, CiviCRM 5.28.0
  
  **Tags:** css, jquery
  
  > **Comments:**
  > **username_1**: Do you have shoreditch civi extension installated?  
  > **username_0**: Thanks. No, no Shoreditch.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2020-09-06. Score: 1 | Accepted answer
  
  Turns out it was a CSS conflict with the Woocommerce Event Manager plugin in WordPress. In fact it was affecting the formatting of many different modal dialog windows in CiviCRM, not just the Contact Notes dialog.
  
  In case anyone's interested, I tracked it down by opening the misbehaving dialog in CiviCRM, then used Chrome -> Developer Tools -> Elements to identify the div with the right-shift problem. The CSS hierarchy for this element showed (in the 'Styles' pane) that the CSS heirarchy was interrupted (Jquery UI classes were struckthrough), and it gave the CSS filename, which gave a clue to the identity of the naughty WP plugin.
  
  Of course, I could have just deactivated each WP plugin in turn...
  
  
  ---
  
  