Visual update from feedback

Visual update from feedback

Makes changes as requested by Jamie. His notes included here:

Global header:
The logout button needs to be 14px light
All buttons should have 3px radius (not 4px as currently)

Charm details:
The details pages (summary, Readme, etc.) need more left and right padding. It's 80px left and 70px right.
The tab nav should align the content below it (so start at 80px)
Need to introduce sub-heading type styling (as per the prototype)
The paragraphs need 30px margin on the bottom so they look closer to their headings. The headings should have 20px margin bottom.
The "Add to my Canvas" button should be 40px (it's 41px)
The grabber should be 40px (it's 38px) and line up with the "Add to my canvas" button.
The paragraph leading should be 20px

https://code.launchpad.net/~huwshimi/juju-gui/visual-update-6/+merge/174929

(do not edit description out of merge proposal)

[huwshimi, 2013-07-16 06:33:31]

Please take a look.

[rharding, 2013-07-16 14:18:45]

Comments below. Will qa shortly. We'll need to tweak a couple of things before
landing.

https://codereview.appspot.com/11332043/diff/1/lib/views/browser/charm-token....
File lib/views/browser/charm-token.less (right):

https://codereview.appspot.com/11332043/diff/1/lib/views/browser/charm-token....
lib/views/browser/charm-token.less:106: .charm-token {
This padding was removed in a branch landed today. I'll QA this, but not
following how we've got a .charm-token nested in a .charm-token.

I'm wondering if this 'removed' the rule from use and why this seemed to 'fix'
the problem.

https://codereview.appspot.com/11332043/diff/1/lib/views/browser/main.less
File lib/views/browser/main.less (right):

https://codereview.appspot.com/11332043/diff/1/lib/views/browser/main.less#ne...
lib/views/browser/main.less:11: fone-weight: 400;
font-weight

[rharding, 2013-07-16 14:28:14]

QA is ok after updating the two issues noted. Moving to a new review to aid in
letting us land today.