Bug 1359881 - Increase border width of update badge r=Gijs

This should help resolve the grainyness that was due to the
rasterization of a curved 1px border.

MozReview-Commit-ID: A4krkVAxFVS

--HG--
extra : rebase_source : 4eb5145558aaafd7e6bf963b134996cc5fff086d

browser/themes/shared/customizableui/panelUI.inc.css

@@ -116,9 +116,9 @@
   background: #74BF43 url(chrome://browser/skin/update-badge.svg) no-repeat center;
   border-radius: 50%;
   box-shadow: none;
-  border: 1px solid -moz-dialog;
+  border: 2px solid -moz-dialog;
   /* "!important" is necessary to override the rule in toolbarbutton.css */
-  margin: -9px 0 0 !important;
+  margin: -8px 0 0 !important;
   margin-inline-end: -6px !important;
   min-width: 16px;
   min-height: 16px;
@@ -1851,6 +1851,14 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
   #PanelUI-panic-actionlist-newwindow {
     background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 128, 32, 96);
   }
+
+  #PanelUI-menu-button[badge-status="update-available"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
+  #PanelUI-menu-button[badge-status="update-manual"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
+  #PanelUI-menu-button[badge-status="update-restart"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+    border: 1px solid -moz-dialog;
+    /* "!important" is necessary to override the rule in toolbarbutton.css */
+    margin: -9px 0 0 !important;
+  }
 }
 
 .subviewbutton-iconic > .toolbarbutton-text {