1000975 - Style tweaks on Badge detail page

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Cassie McDaniel [:cassiemc]]

* Think the type could be a bit bigger in the Criteria section on this page. Looks particularly small at large viewport on desktop. Let's make the typography here feel really friendly and accessible – the list of criteria should be super simple to digest, including visually.

* Space above and below the top badge intro section (the white panel on blue background) should be equal (right now it looks like there is less space - the blue background - above than below)

Comment 1

[inactivate account for kate]

Attachment: https://github.com/mozilla/webmaker.org/pull/704

Comment 2

[inactivate account for kate]

Attachment: https://redpen.io/bf4af382a91ea0279a

Comment 3

[Aki Rose Braun [:akirose]]

Comment on attachment 8412066 [details] [review]
https://github.com/mozilla/webmaker.org/pull/704

I'm not totally certain what the diff was on the design, but the final product looks remarkably (like, REMARKABLY) similar to the redpen, so R+

Comment 4

[Cassie McDaniel [:cassiemc]]

I think the redpen was a screen grab so that makes sense :) Just slightly larger text than what was there before...

Comment 5

[inactivate account for kate]

The commit is a0f3e67d2e8f19372b16945eaba83254a47b0cc4

I named it the wrong bug number -_-