Design improvements

[kocsmy]

Closes #124 .

[kocsmy]

[kocsmy]

Add "Did you find this useful?" section to the bottom of the kb-articles.

[arikfr]

1. I think two icons is enough, while it lowers the resolution it increases the chances of getting a feedback (because it requires less thinking). Also I think that more neutral emojis will work better -- 👍 👎 . For me something like "😍" means that this article solved all my problems and then more. :)
2. How will it look like after the user submitted the feedback?
3. Maybe have a single footer, where both edit button and feedback buttons are together?

[kocsmy]

The Edit on GitHub stands out more when it's on a new line. Both works for me though.

I'll add a Thank you message animation once it's submitted.

[arikfr]

I like the last iteration. 👍

[kocsmy]

How about this as a final version (I made the button color black instead here, hover is blue button, white text)?

[arikfr]

Looks good.

[kocsmy]

This is the thank you message we show after you casted your vote:

The opacity here should be set to 1 once the vote has been casted: <span class="wtu-thankyou" style="opacity: 0;">Thank you!</span>

FYI Edit on GitHub button is hidden on smaller screens.

[susodapop]

@arikfr This will need to be migrated to Gatsby I think.

[arikfr]

@susodapop of course. It's on me.