Small tweak to about:profiler -- make the labels for checkboxes clickable (so you have a bigger t...

chrome/browser/resources/profiler.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var g_browserBridge;
 var g_mainView;
 
 /**
  * Main entry point called once the page has loaded.
  */
@@ skipping 712 matching lines @@
     for (var i = 0; i < select.options.length; ++i) {
       if (select.options[i].value == value) {
         select.options[i].selected = true;
         return true;
       }
     }
     return false;
   }
 
   /**
+   * Adds a checkbox to |parent|. The checkbox will have a label on its right
+   * with text |label|. Returns the checkbox input node.
+   */
+  function addLabeledCheckbox(parent, label) {
+    var labelNode = addNode(parent, 'label');
+    var checkbox = addNode(labelNode, 'input');
+    checkbox.type = 'checkbox';
+    addText(labelNode, label);
+    return checkbox;
+  }
+
+  /**
    * Return the last component in a path which is separated by either forward
    * slashes or backslashes.
    */
   function getFilenameFromPath(path) {
     var lastSlash = Math.max(path.lastIndexOf('/'),
                              path.lastIndexOf('\\'));
     if (lastSlash == -1)
       return path;
 
     return path.substr(lastSlash + 1);
@@ skipping 734 matching lines @@
       if (n.style.display == '') {
         n.style.display = 'none';
       } else {
         n.style.display = '';
       }
     },
 
     fillSelectionCheckboxes_: function(parent) {
       this.selectionCheckboxes_ = {};
 
+      var onChangeFunc = this.onSelectCheckboxChanged_.bind(this);
+
       for (var i = 0; i < ALL_TABLE_COLUMNS.length; ++i) {
         var key = ALL_TABLE_COLUMNS[i];
-        var checkbox = addNode(parent, 'input');
-        checkbox.type = 'checkbox';
-        checkbox.onchange = this.onSelectCheckboxChanged_.bind(this);
+        var checkbox = addLabeledCheckbox(parent, getNameForKey(key));
         checkbox.checked = true;
-        addNode(parent, 'span', getNameForKey(key) + ' ');
+        checkbox.onchange = onChangeFunc;
+        addText(parent, ' ');
         this.selectionCheckboxes_[key] = checkbox;
       }
 
       for (var i = 0; i < INITIALLY_HIDDEN_KEYS.length; ++i) {
         this.selectionCheckboxes_[INITIALLY_HIDDEN_KEYS[i]].checked = false;
       }
     },
 
     getSelectionColumns_: function() {
       return getKeysForCheckedBoxes(this.selectionCheckboxes_);
     },
 
     getMergeColumns_: function() {
       return getKeysForCheckedBoxes(this.mergeCheckboxes_);
     },
 
     shouldMergeSimilarThreads_: function() {
       return $(MERGE_SIMILAR_THREADS_CHECKBOX_ID).checked;
     },
 
     fillMergeCheckboxes_: function(parent) {
       this.mergeCheckboxes_ = {};
 
+      var onChangeFunc = this.onMergeCheckboxChanged_.bind(this);
+
       for (var i = 0; i < MERGEABLE_KEYS.length; ++i) {
         var key = MERGEABLE_KEYS[i];
-        var checkbox = addNode(parent, 'input');
-        checkbox.type = 'checkbox';
-        checkbox.onchange = this.onMergeCheckboxChanged_.bind(this);
-        checkbox.checked = false;
-        addNode(parent, 'span', getNameForKey(key) + ' ');
+        var checkbox = addLabeledCheckbox(parent, getNameForKey(key));
+        checkbox.onchange = onChangeFunc;
+        addText(parent, ' ');
         this.mergeCheckboxes_[key] = checkbox;
       }
 
       for (var i = 0; i < INITIALLY_MERGED_KEYS.length; ++i) {
         this.mergeCheckboxes_[INITIALLY_MERGED_KEYS[i]].checked = true;
       }
     },
 
     fillGroupingDropdowns_: function() {
       var parent = $(GROUP_BY_CONTAINER_ID);
@@ skipping 201 matching lines @@
           groupKey.push(entry);
         }
 
         return JSON.stringify(groupKey);
       };
     },
   };
 
   return MainView;
 })();