Fix displays for mult toggle

nearest.html

@@ -185,7 +185,7 @@
             <option value="size">Image size</option>
             <option value="inverseSize">Inverse image size</option>
           </select>
-          <div class="toggle-box" style="grid-area: mult;">
+          <div class="toggle-on toggle-box" style="grid-area: mult;">
             <input autocomplete="off" type="checkbox" class="toggle-button" id="multiply-toggle" role="button"
               checked onchange="state.clusterSettings.multWithTotal = event.target.checked; onControlsChanged(state)">
             <label for="multiply-toggle"

web/listeners.js

@@ -68,7 +68,7 @@ const onControlsChanged = state => {
   document.getElementById("collapsed-cluster-sort").innerHTML = state.useCluster ? state.clusterSettings.sortOrder === "min" ? "<" : ">" : "";
   document.getElementById("collapsed-cluster").innerHTML = state.useCluster ? TeXZilla.toMathMLString(metrics[state.clusterSettings.sortMetric].displayName) : "";
   document.getElementById("collapsed-cluster-scale").innerHTML = state.useCluster ? TeXZilla.toMathMLString(scaleOptionsDisplay[state.clusterSettings.scaleOption]("K")[0] || "1") : "";
-  document.getElementById("collapsed-cluster-mult-total").innerHTML = state.useCluster && state.clusterSettings.multWithTotal ? TeXZilla.toMathMLString(metrics[state.sortMetric].displayName) : "";
+  document.getElementById("collapsed-cluster-mult-total").innerHTML = state.useCluster ? TeXZilla.toMathMLString(state.clusterSettings.multWithTotal ? metrics[state.sortMetric].displayName : "1") : "";
   document.getElementById("collapsed-scale").innerHTML = state.useCluster ? TeXZilla.toMathMLString(scaleOptionsDisplay[state.scaleOption]("K")[0] || "1") : "";
   document.getElementById("metric-display").innerHTML = TeXZilla.toMathMLString(`
     ${metrics[state.sortMetric].displayName}\\left(P\\right) = ${metrics[state.sortMetric].displayBody("P", state.space)}