Code review comment for lp:~huwshimi/juju-gui/ie-fixes

Reviewers: mp+175211_code.launchpad.net,

Message:
Please take a look.

Description:
Fix presentation issues in IE10

FIXES:
- Charm details last tabs wrapping onto new line.
- Charmtoken icons stretching on screen - they are new clipped in some
cases,
but this also solves issues with additional scrollbars appearing.

https://code.launchpad.net/~huwshimi/juju-gui/ie-fixes/+merge/175211

(do not edit description out of merge proposal)

Please review this at https://codereview.appspot.com/11431043/

Affected files:
   A [revision details]
   M lib/views/browser/charm-full.less
   M lib/views/browser/charm-token.less

Index: [revision details]
=== added file '[revision details]'
--- [revision details] 2012-01-01 00:00:00 +0000
+++ [revision details] 2012-01-01 00:00:00 +0000
@@ -0,0 +1,2 @@
+Old revision: <email address hidden>
+New revision: <email address hidden>

Index: lib/views/browser/charm-full.less
=== modified file 'lib/views/browser/charm-full.less'
--- lib/views/browser/charm-full.less 2013-07-16 20:09:51 +0000
+++ lib/views/browser/charm-full.less 2013-07-17 07:26:54 +0000
@@ -35,7 +35,7 @@
          padding: 0 70px 0 80px;
      }
      .yui3-tabview-list {
- width: 590px;
+ padding-right: 20px;
      }
      .yui3-tabview-panel {
          .border-box;

Index: lib/views/browser/charm-token.less
=== modified file 'lib/views/browser/charm-token.less'
--- lib/views/browser/charm-token.less 2013-07-16 14:25:33 +0000
+++ lib/views/browser/charm-token.less 2013-07-17 07:26:54 +0000
@@ -15,10 +15,17 @@
              .charm-icon,
              .category-icon,
              .icon {
+ margin-right: 12px;
+ position: relative;
+ }
+ .charm-icon,
+ .charm-icon img,
+ .category-icon,
+ .category-icon img,
+ .icon,
+ .icon img {
                  width: 48px;
                  height: 48px;
- margin-right: 12px;
- position: relative;
              }
              .charm-icon {
                  background: transparent
@@ -34,10 +41,17 @@
              .charm-icon,
              .category-icon,
              .icon {
+ margin-right: 10px;
+ position: relative;
+ }
+ .charm-icon,
+ .charm-icon img,
+ .category-icon,
+ .category-icon img,
+ .icon,
+ .icon img {
                  width: 50px;
                  height: 50px;
- margin-right: 10px;
- position: relative;
              }
              .charm-icon {
                  background: transparent
@@ -49,10 +63,17 @@
              .charm-icon,
              .category-icon,
              .icon {
+ margin-right: 16px;
+ position: relative;
+ }
+ .charm-icon,
+ .charm-icon img,
+ .category-icon,
+ .category-icon img,
+ .icon,
+ .icon img {
                  width: 96px;
                  height: 96px;
- margin-right: 16px;
- position: relative;
              }
              .charm-icon {
                  background: transparent