[uber extensions] improve appearance of extension details

especially when disabled

BUG=107323
TEST=manual


Review URL: http://codereview.chromium.org/9383033

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@121776 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 20 insertions, 6 deletions

diff --git a/chrome/browser/resources/extensions/extensions.css b/chrome/browser/resources/extensions/extensions.css
index 93a4565..6589e5c 100644
--- a/chrome/browser/resources/extensions/extensions.css
+++ b/chrome/browser/resources/extensions/extensions.css
@@ -42,6 +42,10 @@ html.loading * {
   display: none;
 }
 
+.developer-extras > div {
+  margin: 5px 0;
+}
+
 /* Contents */
 
 #suggest-gallery {
@@ -92,7 +96,6 @@ html[dir="rtl"] .extension-list-item {
 
 .extension-description {
   -webkit-padding-end: 5px;
-  color: rgb(151, 156, 160);
   font-size: 13px;
   margin: 5px 0;
   white-space: normal;
@@ -103,6 +106,11 @@ html[dir="rtl"] .extension-list-item {
   -webkit-padding-start: 55px;
 }
 
+.extension-description,
+.extension-list-item-wrapper.disabled-extension .extension-details {
+  color: rgb(151, 156, 160);
+}
+
 .enable-checkbox-text {
   display: inline-block;
 }
@@ -111,11 +119,10 @@ html[dir="rtl"] .extension-list-item {
   font-weight: bold;
 }
 
-.extension-list-item-wrapper.disabled-extension .enabled-text {
-  display: none;
-}
-
-.extension-list-item-wrapper:not(.disabled-extension) .enable-text {
+.extension-list-item-wrapper.disabled-extension .enabled-text,
+.extension-list-item-wrapper:not(.disabled-extension) .enable-text,
+.extension-list-item-wrapper.disabled-extension .optional-controls,
+.extension-list-item-wrapper.disabled-extension .butter-bar {
   display: none;
 }
 
@@ -128,6 +135,13 @@ html[dir="rtl"] .extension-list-item {
   display: inline-block;
 }
 
+.butter-bar {
+  background: rgb(255, 242, 153);
+  border-radius: 3px;
+  margin-top: 5px;
+  padding: 2px 5px;
+}
+
 /* Overlays */
 
 #overlay {