Bug 1572330 - Adjust Inactive CSS tooltip style. r=miker

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

--HG--
extra : moz-landing-system : lando

devtools/client/themes/tooltips.css

@@ -84,7 +84,8 @@ strong {
 
 .devtools-tooltip-inactive-css {
   color: var(--theme-body-color);
-  padding: 5px 13px;
+  padding: 7px 14px 9px;
+  font-size: 12px;
   margin: 0;
 }
 
@@ -96,7 +97,7 @@ strong {
 
 .devtools-tooltip-inactive-css p {
   margin-block-start: 0;
-  margin-block-end: 0.63em;
+  margin-block-end: calc(1em - 4px);
 }
 
 .devtools-tooltip-inactive-css p:last-child {
@@ -108,10 +109,6 @@ strong {
   cursor: pointer;
 }
 
-.tooltip-bottom .devtools-tooltip-inactive-css {
-  padding: 2px 13px 7px;
-}
-
 /* Tooltip: Tiles */
 
 .devtools-tooltip-tiles {

devtools/client/themes/variables.css

@@ -116,7 +116,6 @@
  * system colors.
  */
 :root[platform="mac"].theme-light {
-  --theme-popup-background: hsla(0,0%,99%,.975);
   --theme-popup-color: hsl(0,0%,10%);
   --theme-popup-border-color: var(--grey-90-a20);
 }