Bug 1553467 - [Inactive CSS] Increase the tooltip's visual padding to match the attached mockup. r=pbro

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

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

devtools/client/themes/tooltips.css

@@ -82,7 +82,7 @@ strong {
 
 .devtools-tooltip-inactive-css {
   color: var(--theme-body-color);
-  padding: 5px 7px;
+  padding: 5px 13px;
   margin: 0;
 }
 
@@ -94,7 +94,7 @@ strong {
 
 .devtools-tooltip-inactive-css p {
   margin-block-start: 0;
-  margin-block-end: 1em;
+  margin-block-end: 0.63em;
 }
 
 .devtools-tooltip-inactive-css p:last-child {
@@ -106,6 +106,10 @@ strong {
   cursor: pointer;
 }
 
+.tooltip-bottom .devtools-tooltip-inactive-css {
+  padding: 2px 13px 7px;
+}
+
 /* Tooltip: Tiles */
 
 .devtools-tooltip-tiles {