A suggestion for readability

[orloxx]

In my desktop version I added this line of code at the beginning of the file because for readability purposes I like the line-height to be more separated:

/*--READABILITY--*/
#-webkit-web-inspector .outline-disclosure ol li,
#-webkit-web-inspector .text-editor .inner-container .webkit-line-content,
#-webkit-web-inspector .text-editor-lines .inner-container .webkit-line-number,
#-webkit-web-inspector #console-view .console-message {
    line-height: 16px;
}

Sorry if there's another way of doing this that I don't know about.

[mauricecruz]

Thanks for the suggestion. Mind pasting a before/after screenshot so that I get an idea of how it looks/what it affects?

[orloxx]

Of course. It just affects the line-height of the inspector, the source tag and the script console.

Here is the before:

And here is the after:

I used 18px instead of 16px. I know it's a mild detail. But I like that small separation. It helps me to read better.

Btw, very great job on this theme :)

[mauricecruz]

Thanks for the info. I'm going to include it an a configurable setting at the top of the stylesheet so I'll leave the default spacing (14px).

Also added an adjustment for the elements expand/collapse arrow since it doesn't shift with the line height.

[mauricecruz]