Bug 1474221 - Part 3. Balance vertical padding of doorhanger popup menus and add more horizontal padding. r=birtles

MozReview-Commit-ID: 8plpV3rMx8t

--HG--
extra : rebase_source : 8aa1d3cebb5d8dc21685ae7c8ea2f6196ebb444c

devtools/client/themes/tooltips.css

@@ -272,7 +272,7 @@
 }
 
 .tooltip-container[type="doorhanger"] > .tooltip-panel {
-  padding: 4px 0;
+  padding: 2px 0;
   color: var(--theme-arrowpanel-color);
   margin: 4px;
   max-width: 320px;
@@ -354,13 +354,21 @@
 }
 
 .tooltip-container[type="doorhanger"].tooltip-top > .tooltip-panel {
-  /* Drop the margin between the doorhanger and the arrow. */
+  /*
+   * Drop the margin between the doorhanger and the arrow and add extra
+   * padding.
+   */
   margin-bottom: 0;
+  padding-bottom: 6px;
 }
 
 .tooltip-container[type="doorhanger"].tooltip-bottom > .tooltip-panel {
-  /* Drop the margin between the doorhanger and the arrow. */
+  /*
+   * Drop the margin between the doorhanger and the arrow and add extra
+   * padding.
+   */
   margin-top: 0;
+  padding-top: 6px;
 }
 
 .tooltip-container[type="doorhanger"].tooltip-top > .tooltip-arrow {
@@ -395,6 +403,11 @@
   margin: 0;
   padding: 4px 12px;
   outline: none;
+  /*
+   * It doesn't really make sense, since if this is just about making the items
+   * easier to click we should be using min-width instead.
+   */
+  margin-inline-end: 15px;
 }
 
 .tooltip-container[type="doorhanger"] .menuitem > button.command:-moz-any([role="menuitem"],[role="menuitemcheckbox"]) {