2210699f461f50a127c54c147c79f2733ec8b22d
bwick
  Fri May 23 10:57:28 2025 -0700
More changes to legend buttons and styling.

diff --git src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
index 1afbb56..beb4fe0 100644
--- src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
+++ src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
@@ -8013,31 +8013,31 @@
             //legendIds.push(legendId);
         //}
 
         //var cellIds = findCellIdsForLegendIds(gClasses, legendIds);
         //var mode;
         //if (key==0) // hide
             //mode = "hide";
         //else
             //mode = "showOnly";
         //filterCoordsAndUpdate(cellIds, mode);
     //}
 
     function setLegendHeaders(type) {
     /* set the headers of the right-hand legend */
         if (type==="category") {
-            $('#tpLegendCol1').html('<span title="select all checkboxes below" id="tpLegendClear" style="font-size: 20px; vertical-align:top">&#9745;</span><span class="tpLegendHover" title="click to sort by name"> Name<span class="caret"></span></span>');
+            $('#tpLegendCol1').html('<span title="select all checkboxes below" id="tpLegendClear" style="font-size: 20px; vertical-align: middle">&#9745;</span><span class="tpLegendHover" title="click to sort by name" style="position: relative; top: 1px"> Name<span class="caret"></span></span>');
             $('#tpLegendCol2').html('<span class="tpLegendHover" title="click to sort by frequency"> Frequency<span class="caret"></span></span>');
         }
         else {
             $('#tpLegendCol1').html('<span title="select all checkboxes below" id="tpLegendClear">&#9745;</span> Range<span');
             $('#tpLegendCol2').html('Frequency');
         }
         activateTooltip("#tpLegendClear");
         activateTooltip(".tpLegendHover");
     }
 
     function updateLegendGrandCheckbox() {
         /* update the "uncheck all" checkboxes in the legend:
          * If all cells are selected */
         var checkbox = $("#tpLegendClear");
         if (gLegend.selectionDirection == "none") {
@@ -8303,31 +8303,31 @@
         var rows = gLegend.rows;
 
         var legTitle = gLegend.title;
         var subTitle = gLegend.subTitle;
 
         htmls.push('<span id="tpLegendTitle" title="' +gLegend.titleHover+'">'+legTitle+"</span>");
         if (subTitle)
             htmls.push('<div id="tpLegendSubTitle" >'+subTitle+"</div>");
 
         htmls.push('<div class="tpHint">Click buttons to select '+gSampleDesc+'s</small></div>');
         htmls.push("<small><button id='tpLegendAll'>All</button>");
         htmls.push("<button id='tpLegendNone'>None</button>");
         htmls.push("<button id='tpLegendInvert'>Invert</button>");
         htmls.push("<button id='tpLegendNotNull'>&gt; 0</button></small>");
 
-        let buttonText = "Recolor only checked";
+        let buttonText = "Recolor checked fields";
         if (gLegend.isColorOnlyChecked===true) {
             buttonText = "Reset colors";
         } 
 
         htmls.push("<button id='tpLegendColorChecked'>"+buttonText+"</button></small>");
 
         htmls.push("</div>"); // title
         htmls.push('<div id="tpLegendHeader"><span id="tpLegendCol1"></span><span id="tpLegendCol2"></span></div>');
         htmls.push('<div id="tpLegendRows">');
 
         // get the sum of all, to calculate frequency
         var sum = 0;
         for (var i = 0; i < rows.length; i++) {
             let count = rows[i].count;
             sum += count;