From 7c5190820e74d57d86792698aca1b2de44bb15a7 Mon Sep 17 00:00:00 2001
From: Florens Verschelde <florens@fvsch.com>
Date: Tue, 18 Dec 2018 19:58:39 +0000
Subject: [PATCH] Bug 1513530 - Improve doorhanger menu icons alignment; r=gl

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

--HG--
extra : moz-landing-system : lando
---
 devtools/client/themes/tooltips.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/devtools/client/themes/tooltips.css b/devtools/client/themes/tooltips.css
index dcaf367096a1..fe9dfe31bfda 100644
--- a/devtools/client/themes/tooltips.css
+++ b/devtools/client/themes/tooltips.css
@@ -425,7 +425,9 @@
   margin-inline-end: 8px;
   width: 16px;
   height: 16px;
-  vertical-align: top;
+  /* Better optical alignment than with 'vertical-align: middle'.
+     Works well with font sizes between 12px and 16px. */
+  vertical-align: -3px;
   -moz-context-properties: fill;
   fill: currentColor;
   background-image: var(--menuitem-icon-image);