Yoast / yoast-components

Accessible React components by Yoast
GNU General Public License v3.0
21 stars 6 forks source link

Add dividers between sections #696

Closed hedgefield closed 5 years ago

hedgefield commented 6 years ago

The keyword and readability analysis sections are pretty long already, which I've tried to alleviate with whitespace and bold headings for each 'section'. But we're considering adding a few more things, which will push it over the edge of what can be done with these headings in my opinion.

Therefore: add a divider to the top of each section ( a section begins at the bold header like focus keyword, synonyms and analysis results). It should be a 1px solid #ddd line. I'm sure the sections already have their own vertical padding/margin between them, so do whatever you need to make it so that the space between the divider and the content that comes before and after it is 16px.

This also means that the colon behind the headings (e.g. Focus keyword:) should be removed.