Issue/207 quotes design review

[SergioEstevao]

Fixes #207

Related GB PR: WordPress/gutenberg#15990

This PR addresses the design review made in #207. It changes the following:

• Spaces quote and citation by 16px
• Make the citation font size to be 14px

Here is the end result:

To test:

• Run the demo app
• Check that the quotes styles is correct.

Update release notes:

• If there are user facing changes, I have added an item to RELEASE-NOTES.txt.

[iamthomasbishop]

Thanks for jumping on those changes! Looking great. I just noticed something that I should've noticed in the first review. There appears to be a small gap on the left side of the Quote divider line. I'm unsure if this is because of something in this quote work, or related to this issue (I am also seeing this spacing on an Android build that @hypest just sent me).

[SergioEstevao]

@iamthomasbishop sorted the margin issue, here is the end result:

[iamthomasbishop]

Very interesting optical illusion going on here. It looks like it's like 2-4px left of aligned, but mathematically it's "proper" :) It's easier to see it's aligned w/ an alignment guide, for example:

But when you remove the guide, it optically feels slightly left of where it should be. For now, let's keep it simple and leave it how you have it right now – we can always adjust it if we want to align optically, but this sets it to the mathematical baseline.

Thank you!