Diaspora: Add spacing between list items

Created on 27 Mar 2017  路  3Comments  路  Source: diaspora/diaspora

Lists with more than a few words per item are difficult to read with no extra spacing between the individual points (both for numbered and unnumbered lists). I'm not sure how much spacing would be necessary (perhaps the same as between paragraphs?)

screenshot_2017-03-27_19-51-09

newcomer 馃帹 ui

Most helpful comment

Since I added the newcomer tag, here's a hint: app/assets/stylesheets/markdown-content.scss is a good file to start!

All 3 comments

I agree that this looks somewhat suboptimal. However, simply adding the paragraph margin to list points (which is, jftr, a margin-bottom of 0.8em) is not really an option. It would look nice on multi-line points:

screen shot 2017-03-27 at 20 08 03

However, single-line items look weird:

screen shot 2017-03-27 at 20 08 09


With 0.5em, the spacing between multi-line items is still noticable:

screen shot 2017-03-27 at 20 08 40

But single-line points do not look as broken:

screen shot 2017-03-27 at 20 08 46


Let's see what others have to say.

0.5em looks good to me 馃憤 (better than without spacing and better than paragraph spacing)

Since I added the newcomer tag, here's a hint: app/assets/stylesheets/markdown-content.scss is a good file to start!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

EyeBook888 picture EyeBook888  路  3Comments

GruLab picture GruLab  路  3Comments

teslasmoustache picture teslasmoustache  路  4Comments

001101 picture 001101  路  5Comments

001101 picture 001101  路  3Comments