Bug 1107943 - The maker sidebar has some annoying text spacing, r=jsantell

browser/devtools/timeline/widgets/marker-details.js

@@ -88,8 +88,8 @@ MarkerDetails.prototype = {
     let hbox = this._document.createElement("hbox");
     let labelName = this._document.createElement("label");
     let labelValue = this._document.createElement("label");
-    labelName.className = "marker-details-labelname";
-    labelValue.className = "marker-details-labelvalue";
+    labelName.className = "plain marker-details-labelname";
+    labelValue.className = "plain marker-details-labelvalue";
     labelName.setAttribute("value", L10N.getStr(l10nName));
     labelValue.setAttribute("value", value);
     hbox.appendChild(labelName);

browser/themes/shared/devtools/performance.inc.css

@@ -391,7 +391,9 @@
 }
 
 #waterfall-details {
-  padding-top: 28px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 8px;
+  padding-top: 8vh;
   overflow: auto;
 }
 
@@ -403,6 +405,16 @@
   border-radius: 1px;
 }
 
+.marker-details-start,
+.marker-details-end,
+.marker-details-duration {
+  padding-top: 3px;
+}
+
+.marker-details-labelname {
+  -moz-padding-end: 4px;
+}
+
 .marker-details-type {
   font-size: 1.2em;
   font-weight: bold;

browser/themes/shared/devtools/timeline.inc.css

@@ -175,8 +175,10 @@
   border-color: initial!important;
 }
 
-#timeline-waterfall-details {
-  padding-top: 28px;
+#waterfall-details {
+  -moz-padding-start: 8px;
+  -moz-padding-end: 8px;
+  padding-top: 8vh;
   overflow: auto;
 }
 
@@ -188,6 +190,16 @@
   border-radius: 1px;
 }
 
+.marker-details-start,
+.marker-details-end,
+.marker-details-duration {
+  padding-top: 3px;
+}
+
+.marker-details-labelname {
+  -moz-padding-end: 4px;
+}
+
 .marker-details-type {
   font-size: 1.2em;
   font-weight: bold;