Move ProseMirror design-time css

[velsietis]

NOTE: Updated the pull request, see further comments below
I'm not sure why these white-space properties are necessary. I've had a go at removing them and none of the styling seems to break.

The reason I suggest removing them is that although it works fine when the published html is condensed onto a single line, if you format the document in a code editor, the styling breaks.

I came across the issue when trying to make adjustments to the html after the site has been published.

[azaslonov]

Hi @velsietis, these styles are taken from prosemirror-view project, as recommended by their documentation. As far as I remember, there were nasty line-breaking issues.

Btw, when you say "if you format the document in a code editor", what do you mean and why would you do that after publishing? (just to be on the same page about the issue)

[velsietis]

Thanks for the quick response.

The ProseMirror link made me realise I didn't check how removing that css affects the design-time view. It might break that but I'm pretty sure it's unnecessary once the site is has been published.

By format the document I mean adding line-breaks and indentation.

The reason we're doing that is to try to "stitch together" the published site with our documentation pages. They're all written in markdown, source controlled in GitHub and we use GitHub pages (Jekyll) to generate the site.

I was making a layout for the Jekyll site based off one of the index.html files in the published site when I encountered this issue with CSS.

[velsietis]

@azaslonov I've updated the pull request to move the styles instead of removing them. I've tested it locally and it seems to work fine and resolve the issue I originally mentioned.

[azaslonov]

@velsietis, thank you, I don't see issues so far either. Moreover, having it in design styles actually makes total sense, this where it should be.