Update more parts to use YUI responsive.

Update more parts to use YUI responsive.

- Submitted on behalf of Huw see:
https://code.launchpad.net/~huwshimi/juju-gui/make-grid-responsive/+merge/155652

Applied the YUI reponsive grids to make some content and menus responsive.
Fixed breakages that occured as a result. There is a lot left to be made
responsive, but that will be changed as the new design is applied.

https://code.launchpad.net/~rharding/juju-gui/more_yuigrids/+merge/155752

(do not edit description out of merge proposal)

[rharding, 2013-03-27 14:55:51]

Please take a look.

[rharding, 2013-03-27 18:11:07]

lgtm code-wise. I'll pull and submit a second lgtm once qa'd.

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

https://codereview.appspot.com/8055043/diff/1/lib/views/stylesheet.less#newco...
lib/views/stylesheet.less:1468: list-style: none;
I'd rather see the ul.menu li moved inside of the block here so that it's kept
in one place and easy to see the rules together. 

ul.menu {
  margin...

  li {
    float: left;
  }
}

[rharding, 2013-03-27 18:29:56]

lgtm QA-wise with the note below. It's not responsive at all on the current code
though so I'll consider it a partial victory.

https://codereview.appspot.com/8055043/diff/1/app/templates/show_units_large....
File app/templates/show_units_large.handlebars (right):

https://codereview.appspot.com/8055043/diff/1/app/templates/show_units_large....
app/templates/show_units_large.handlebars:1: <ul id="unit-large"
class="thumbnails yui3-g-r">
This can probably just be a bug. When I hit this space and shrink the window
down enough to get it to block-ize the li it gets set to 100% width, but it's
got a margin on the left that causes it to create a scrollbar. I'm not sure if
we can ditch the margin, move to a padding, etc. Maybe it needs to wrap one
extra level of container so that container can be 100%, but the margin is on the
child element inside of that.

[jeff.pihach, 2013-03-27 18:40:01]

LGTM - although when it gets below a certain size it adds a margin back around
the environment exposing the brown side bars pushing the page off alignment.

[rharding, 2013-03-27 18:46:10]

*** Submitted:

Update more parts to use YUI responsive.

- Submitted on behalf of Huw see:
https://code.launchpad.net/~huwshimi/juju-gui/make-grid-responsive/+merge/155652

Applied the YUI reponsive grids to make some content and menus responsive.
Fixed breakages that occured as a result. There is a lot left to be made
responsive, but that will be changed as the new design is applied.

R=jeff.pihach
CC=
https://codereview.appspot.com/8055043

[gary.poster, 2013-03-28 13:14:08]

On 2013/03/27 18:40:01, jeff.pihach wrote:
> LGTM - although when it gets below a certain size it adds a margin back around
> the environment exposing the brown side bars pushing the page off alignment.

As I said to Rick on IRC, please be careful of regressions.  We need to be able
to make a release from trunk at a moment's notice.  (Thank you to Rick for
filing bug 1161375.)