Bug 945539 - Use correct high-DPI styles for Metro download button [r=rsilveira]

browser/metro/base/content/browser.xul

@@ -260,7 +260,7 @@ Desktop browser's sync prefs.
             <observes element="bcast_windowState" attribute="*"/>
             <observes element="bcast_urlbarState" attribute="*"/>
             <hbox id="toolbar-context-page" pack="end">
-              <circularprogressindicator id="download-progress"
+              <circularprogressindicator id="download-progress" class="appbar-primary"
                                      oncommand="MetroDownloadsView.onDownloadButton()"/>
               <toolbarbutton id="star-button" class="appbar-primary"
                              type="checkbox"

browser/metro/theme/browser.css

@@ -741,16 +741,7 @@ documenttab[selected] .documenttab-selection {
 }
 
 #download-progress {
-  width: 40px;
-  height: 40px;
   list-style-image: url(chrome://browser/skin/images/navbar-download.png);
-  -moz-image-region: rect(0px, 40px, 40px, 0px);
-}
-#download-progress:hover {
-  -moz-image-region: rect(0px, 80px, 40px, 40px);
-}
-#download-progress:active {
-  -moz-image-region: rect(0px, 120px, 40px, 80px);
 }
 
 #pin-button {

browser/metro/theme/platform.css

@@ -788,8 +788,8 @@ appbar toolbar[labelled] toolbarbutton > .toolbarbutton-text {
 
 /* Sprites */
 
-.appbar-primary > .toolbarbutton-icon,
-.appbar-secondary > .toolbarbutton-icon {
+.appbar-primary .toolbarbutton-icon,
+.appbar-secondary .toolbarbutton-icon {
   width: 40px;
   height: 40px;
 }