Bug 1389165 - Cleanup html markup of about:telemetry r=chutten

Prepare the code for the search on the home page. This will allow to
display only the div with the "data" class and not have cluttered
results.

MozReview-Commit-ID: 5CtMPrLGJT7

--HG--
extra : rebase_source : a00acb809df8eb6e52eec69417a4bfd2face8fb6

toolkit/content/aboutTelemetry.js

@@ -946,7 +946,7 @@ var StackRenderer = {
   },
   renderStacks: function StackRenderer_renderStacks(aPrefix, aStacks,
                                                     aMemoryMap, aRenderHeader) {
-    let div = document.getElementById(aPrefix + "-data");
+    let div = document.getElementById(aPrefix);
     removeAllChildNodes(div);
 
     let fetchE = document.getElementById(aPrefix + "-fetch-symbols");
@@ -980,7 +980,7 @@ var StackRenderer = {
    * @param aFormatArgs formating args to be passed to formatStringFromName.
    */
   renderHeader: function StackRenderer_renderHeader(aPrefix, aFormatArgs) {
-    let div = document.getElementById(aPrefix + "-data");
+    let div = document.getElementById(aPrefix);
 
     let titleElement = document.createElement("span");
     titleElement.className = "stack-title";
@@ -1032,7 +1032,7 @@ function SymbolicationRequest_handleSymbolResponse() {
   fetchElement.hidden = true;
   let hideElement = document.getElementById(this.prefix + "-hide-symbols");
   hideElement.hidden = false;
-  let div = document.getElementById(this.prefix + "-data");
+  let div = document.getElementById(this.prefix);
   removeAllChildNodes(div);
   let errorMessage = bundle.GetStringFromName("errorFetchingSymbols");
 

toolkit/content/aboutTelemetry.xhtml

@@ -202,14 +202,9 @@
       </section>
 
       <section id="chrome-hangs-section">
-        <div id="chrome-hangs" class="data">
-          <a id="chrome-hangs-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
-          <a id="chrome-hangs-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
-          <br/>
-          <br/>
-          <div id="chrome-hangs-data">
-          </div>
-        </div>
+        <a id="chrome-hangs-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
+        <a id="chrome-hangs-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
+        <div id="chrome-hangs" class="data"></div>
       </section>
 
       <section id="thread-hang-stats-section">
@@ -217,14 +212,9 @@
       </section>
 
       <section id="late-writes-section">
-        <div id="late-writes" class="data">
-          <a id="late-writes-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
-          <a id="late-writes-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
-          <br/>
-          <br/>
-          <div id="late-writes-data">
-          </div>
-        </div>
+        <a id="late-writes-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
+        <a id="late-writes-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
+        <div id="late-writes" class="data"></div>
       </section>
 
       <section id="addon-details-section">
@@ -232,14 +222,9 @@
       </section>
 
       <section id="captured-stacks-section">
-        <div id="captured-stacks" class="data">
-          <a id="captured-stacks-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
-          <a id="captured-stacks-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
-          <br/>
-          <br/>
-          <div id="captured-stacks-data">
-          </div>
-        </div>
+        <a id="captured-stacks-fetch-symbols" href="">&aboutTelemetry.fetchStackSymbols;</a>
+        <a id="captured-stacks-hide-symbols" class="hidden" href="">&aboutTelemetry.hideStackSymbols;</a>
+        <div id="captured-stacks" class="data"></div>
       </section>
     </div>