Formatting of Haskell source code is kinda ugly

[m-renaud]

The separation of the source code from the surrounding text (in terms of spacing and whitespace separatior) makes it difficult to read.

Current Formatting

Proposed Formatting

CSS Changes

Adding the following rules to .source-haskell:

border: 1px solid #EEE;
padding: 1ex;
margin: 1em;

.source-haskell .st0

Remove background #ddd, change color: #363

We also need to prevent inline code from getting the border, padding, and margin from above. There's probably a cleaner way to do this, I was just playing around in the developer console. Potentially adding a class for block code samples, then you could use .code-block .source-haskell for the rules above.

.inline-code .source-haskell {
    display: inline;
    border: 0 !important;
    padding: 3px !important;
    margin: 0 !important;

[m-renaud]

I'm also not a huge fan of the inline code, the grey background plus purple font isn't super readable either. That's a relatively minor change though, something like a slightly lighter background and slightly darker font would probably do it. Even going from #F0F0F0 to #F6F6F6 is noticeable better.

[hgolden]

The latest version of the Hawiki skin, just put into production, has fixed the formatting of Haskell source code.