Unify title element

Author: nchevobbe

packages/devtools-reps/src/reps/date-time.js

@@ -42,7 +42,9 @@ function DateTime(props) {
 }
 
 function getTitle(grip) {
-  return span({}, grip.class + " ");
+  return span({
+    className: "objectTitle"
+  }, grip.class + " ");
 }
 
 // Registration

packages/devtools-reps/src/reps/document.js

@@ -44,7 +44,9 @@ function getLocation(grip) {
 }
 
 function getTitle(grip) {
-  return span({}, grip.class + " ");
+  return span({
+    className: "objectTitle",
+  }, grip.class + " ");
 }
 
 // Registration

packages/devtools-reps/src/reps/function.js

@@ -52,7 +52,9 @@ function getTitle(props, grip) {
     title = "async " + title;
   }
 
-  return span({}, title);
+  return span({
+    className: "objectTitle",
+  }, title);
 }
 
 function summarizeFunction(grip) {

packages/devtools-reps/src/reps/grip-array.js

@@ -98,7 +98,9 @@ function getTitle(props, object) {
   }
 
   let title = props.title || object.class || "Array";
-  return span({}, title + " ");
+  return span({
+    className: "objectTitle",
+  }, title + " ");
 }
 
 function getPreviewItems(grip) {

packages/devtools-reps/src/reps/grip-map.js

@@ -64,7 +64,9 @@ function GripMap(props) {
 
 function getTitle(props, object) {
   let title = props.title || (object && object.class ? object.class : "Map");
-  return span({}, title);
+  return span({
+    className: "objectTitle",
+  }, title);
 }
 
 function safeEntriesIterator(props, object, max) {

packages/devtools-reps/src/reps/grip.js

@@ -67,7 +67,9 @@ function GripRep(props) {
 
 function getTitle(props, object) {
   let title = props.title || object.class || "Object";
-  return span({}, title);
+  return span({
+    className: "objectTitle",
+  }, title);
 }
 
 function safePropIterator(props, object, max) {

packages/devtools-reps/src/reps/object-with-url.js

@@ -36,7 +36,7 @@ function ObjectWithURL(props) {
 }
 
 function getTitle(grip) {
-  return span({className: "objectBox"}, getType(grip) + " ");
+  return span({className: "objectTitle"}, getType(grip) + " ");
 }
 
 function getType(grip) {

packages/devtools-reps/src/reps/promise.js

@@ -69,7 +69,9 @@ function PromiseRep(props) {
 }
 
 function getTitle(object) {
-  return span({}, object.class);
+  return span({
+    className: "objectTitle",
+  }, object.class);
 }
 
 function getProps(props, promiseState) {

packages/devtools-reps/src/reps/stylesheet.js

@@ -38,7 +38,7 @@ function StyleSheet(props) {
 
 function getTitle(grip) {
   let title = "StyleSheet ";
-  return span({className: "objectBox"}, title);
+  return span({className: "objectBoxTitle"}, title);
 }
 
 function getLocation(grip) {

packages/devtools-reps/src/reps/window.js

@@ -56,7 +56,7 @@ function WindowRep(props) {
 
 function getTitle(object) {
   let title = object.displayClass || object.class || "Window";
-  return span({className: "objectBox"}, title);
+  return span({className: "objectBoxTitle"}, title);
 }
 
 function getLocation(object) {