Markup differences

[zedeus]

Wonderful project! I noticed the formatting/markup is lacking a little bit.

Example 1: https://quetre.herokuapp.com/How-does-Melatonin-work-on-the-brain/

The way Quetre displays it is much more condensed, which imo lowers readability a lot. It's harder to distinguish sections and paragraphs. Not sure if this was done on purpose, but I'd suggest leaning a little closer to the way Quora renders it.

Quora

Quetre

Example 2: https://quetre.herokuapp.com/What-Skyrim-race-is-the-most-Croatian/

Missing formatting.

Quora

Quetre

[zyachel]

Yes, the bottom padding on Quora for paragraphs is 1em. Here I was intentionally being conservative. Nonetheless, I'll change it to 1em.

As for the missing formatting, I'll look into that this weekend.

PS: thanks! The project is heavily inspired by your nitter and orenom's teddit.

[zyachel]

is is alright now, @zedeus?

the padding:

and the formatting

[zedeus]

That's great! A minor change that would be nice is for the ordered lists to have 0.7em vertical spacing instead of 1em, right now it's a bit too much (example below). Also, bold text doesn't work for me on Chrome unless the font-weight is increased from 550 to 600.

[zyachel]

good catch! I almost forgot that chromium-based browsers are what most people use :p

changed the weight to 600 and reduced the padding for unordered list items.

[zedeus]

Nice! One last thing, the line-height is a bit high at 1.5, whereas Quora uses 1.4. I don't have a specific preference and this doesn't matter that much, just noticed there was extra spacing when comparing the two.

[zyachel]

yeah, earlier i had set the line-height in paragraphs to 1.3, but disabled it as it looked cramped. 1.4 looks reasonable enough. I've made the change.

[zedeus]

Sweet, looks great now!