Formatting of sync filter

[Nicklas Nordborg]

The filter text for a sync filter in an item list can get long and if it does it may cause both the list page and the edit dialog to display badly. What happens is that if lines get very long they do not break (since they are in a <pre> tag) and for some reason the browser is not adding a scroll bar to the part with the filter text. The scrollbar is added to the entire browser window which is not so nice.

The formatting need to be fixed. A simple way to fix the long lines is to style the <pre> element with white-space: pre-wrap;. But this creates a hard-to-read filter text. It would be nice if we could add some simple color formatting as well.

[Nicklas Nordborg]

(In [7546]) Fixes #2133: Formatting of sync filter

[Nicklas Nordborg]

(In [7552]) References #2133: Formatting of sync filter

Found one more place that needed a formatted filter