Update visual design #1

Update visual design #1

This branch implements the new header and adds the beginnings of the new visual design for the sidebar. It has two followup branches that should be landed as part of this work (lp:~rharding/juju-gui/new-controls and lp:~huwshimi/juju-gui/visual-update-2) otherwise the new header nav will not work and there will be a couple of visual glitches.

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

(do not edit description out of merge proposal)

[huwshimi, 2013-07-03 06:44:21]

Please take a look.

[rharding, 2013-07-03 12:07:45]

LGTM with the conditional notes in as this is one branch in a series to get the
UX updated.

I'm a bit bummed that the clear search was removed away though.

[benji, 2013-07-03 12:24:45]

LGTM with some small notes.

https://codereview.appspot.com/10902044/diff/1/lib/views/stylesheet.less
File lib/views/stylesheet.less (right):

https://codereview.appspot.com/10902044/diff/1/lib/views/stylesheet.less#newc...
lib/views/stylesheet.less:237: // Need to subtract 8 for the bottom border
I tend to shy away from constants in comments.  I would just say "We need to
subtract the bottom border height."

https://codereview.appspot.com/10902044/diff/1/lib/views/stylesheet.less#newc...
lib/views/stylesheet.less:238: height: @navbar-height - 8;
It would be nice to put the bottom border size in a variable and use that in
both places.

[huwshimi, 2013-07-03 22:25:17]

Thanks both of you. Benji, I think I'll clean those two up in a subsequent
branch.