Bug 1599468 - fix(devtools memory panel): vertically align text in the interface for viewing nodes and retaining paths r=fvsch,julienw

Some text in the toolbar wasn't properly vertically aligned in this interface.

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

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

devtools/client/memory/components/Heap.js

@@ -394,7 +394,10 @@ class Heap extends Component {
           ),
           L10N.getStr("toolbar.pop-view.label")
         ),
-        L10N.getStr("toolbar.viewing-individuals")
+        dom.span(
+          { className: "toolbar-text" },
+          L10N.getStr("toolbar.viewing-individuals")
+        )
       ),
       HSplitBox({
         start: tree,

devtools/client/themes/memory.css

@@ -98,6 +98,11 @@ html, body, #app, #memory-tool {
   align-items: center;
 }
 
+.devtools-toolbar > .toolbar-text {
+  display: flex;
+  align-items: center;
+}
+
 .devtools-toolbar-select {
   margin-inline-start: 5px;
 }