2 files changed, 34 insertions, 13 deletions

diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
index 333d393..226278b 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
@@ -129,11 +129,18 @@
 }
 
 .loading {
-  list-style-image: url("chrome://global/skin/icons/loading_16.png");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   padding-left: 20px;
   padding-right: 20px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .loading > image {
+    width: 16px;
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
+}
+
 button.warning {
   list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
 }
@@ -441,7 +448,7 @@ button.warning {
 }
 
 .name-container {
-  font-size: 150%;
+  font-size: 1.3rem;
   font-weight: bold;
   -moz-box-align: end;
   -moz-box-flex: 1;
@@ -454,6 +461,7 @@ button.warning {
 .description-container {
   -moz-margin-start: 6px;
   -moz-box-align: center;
+  font-size: 1.25rem;
 }
 
 .description {
@@ -656,7 +664,7 @@ button.warning {
 .detail-view-container {
   -moz-padding-end: 2em;
   padding-bottom: 2em;
-  font-size: 110%;
+  font-size: 1.25rem;
   color: #333;
 }
 
@@ -687,31 +695,38 @@ button.warning {
 }
 
 #detail-name-container {
-  font-size: 200%;
+  font-size: 2.5rem;
+  font-weight: normal;
 }
 
 #detail-screenshot-box {
   -moz-margin-end: 2em;
+  background-image: linear-gradient(rgba(255,255,255,.5), transparent);
+  background-color: white;
+  box-shadow: 0 1px 2px #666;
+  border-radius: 2px;
 }
 
 #detail-screenshot {
   max-width: 300px;
   max-height: 300px;
-  background-color: white;
-  box-shadow: 0 1px 2px #666;
 }
 
 #detail-screenshot[loading] {
-  background-image: url("chrome://global/skin/icons/loading_16.png"),
-                    linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+  background-image: url("chrome://global/skin/icons/loading.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
-  border-radius: 2px;
+}
+
+@media (min-resolution: 1.1dppx) {
+  #detail-screenshot[loading] {
+    background-image: url("chrome://global/skin/icons/loading@2x.png");
+    background-size: 16px;
+  }
 }
 
 #detail-screenshot[loading="error"] {
-  background-image: url("chrome://global/skin/media/error.png"),
-                    linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+  background-image: url("chrome://global/skin/media/error.png");
 }
 
 #detail-desc-container {
@@ -793,7 +808,6 @@ setting {
   border-top: 1px solid #c1c1c1;
   -moz-box-align: center;
   min-height: 35px;
-  font-size: 1.25rem;
   line-height: 20px;
   text-shadow: 0 1px 1px #fefffe;
 }
@@ -802,6 +816,7 @@ setting {
   margin-bottom: 1em;
 }
 
+.inline-options-browser,
 setting[first-row="true"] {
   margin-top: 2em;
 }
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/update.css b/arc-firefox-theme/chrome/mozapps/extensions/update.css
index d35438a..bda89ca 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/update.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/update.css
@@ -7,7 +7,7 @@
 }
 
 .throbber {
-  list-style-image: url("chrome://global/skin/icons/loading_16.png");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   width: 16px;
   height: 16px;
   margin-top: 5px;
@@ -16,6 +16,12 @@
   -moz-margin-end: 2px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .throbber {
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
+}
+
 .alertBox {
   background-color: InfoBackground;
   color: InfoText;