Bug 1296322 - X button is vertically misaligned on the permission dropdown. r=dao
MozReview-Commit-ID: LkAhzffsc6g
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -378,16 +378,26 @@ description#identity-popup-content-verif
.identity-popup-permission-icon.in-use {
animation: 1.5s ease in-use-blink infinite;
}
@keyframes in-use-blink {
50% { opacity: 0; }
}
+.identity-popup-permission-label,
+.identity-popup-permission-state-label {
+ /* We need to align the action buttons and permission icons with the text.
+ This is tricky because the icon height is defined in pixels, while the
+ font height can vary with platform and system settings, and at least on
+ Windows the default font metrics reserve more extra space for accents.
+ This value is a good compromise for different platforms and font sizes. */
+ margin-top: -0.1em;
+}
+
.identity-popup-permission-label {
margin-inline-start: 1em;
}
.identity-popup-permission-state-label {
margin-inline-end: 5px;
text-align: end;
color: graytext;