Bug 1708589 - Improve vertical alignment of blocked popup icon in URL bar. r=harry,desktop-theme-reviewers,mak

Differential Revision: https://phabricator.services.mozilla.com/D113894

browser/themes/shared/notification-icons.inc.css

@@ -327,6 +327,16 @@
   list-style-image: url("chrome://browser/skin/notification-icons/popup.svg");
 }
 
+/**
+ * Bug 1708716: The blocked popup icon is just slightly vertically offset from
+ * the other icons that can appear alongside it in the URL bar due to how it's
+ * placed in the SVG file. We nudge it a little here to make it line up in a
+ * more aesthetically pleasing way.
+ */
+#blocked-permissions-container > .popup-icon {
+  transform: translateY(2px);
+}
+
 .popup-subitem {
   width: 16px;
   height: 16px;