Fix Max Merge label

girder · Oct 3, 2023 · 1611f94 · 1611f94
1 parent 1dfc28d
commit 1611f94
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/girder/girder_large_image/web_client/vue/components/DualInput.vue b/girder/girder_large_image/web_client/vue/components/DualInput.vue
@@ -38,7 +38,7 @@ export default {
         :disabled="merge"
       >
     </td>
-    <td style="width:90%">
+    <td style="width: 100%">
       <input
         v-model="value"
         type="range"
@@ -62,23 +62,25 @@ export default {
         />
       </div>
     </td>
-    <td v-show="merge !== undefined">
+    <td
+      v-show="merge !== undefined"
+      style="min-width: 150px; text-align: right;"
+    >
       <input
+        :id="'maxMerge'+label"
         v-model="merge"
         type="checkbox"
-        name="maxMergeCheck"
         style="margin: 0px 5px 0px 10px"
       >
-    </td>
-    <td v-show="merge !== undefined">
-      <label for="maxMergeCheck">Max Merge</label>
+      <label :for="'maxMerge'+label">Max Merge</label>
     </td>
   </tr>
 </template>
 
 <style scoped>
 .dual-controls > * > * {
     margin-right: 15px;
+    white-space: nowrap;
 }
 .dual-controls.tall {
     height: 40px;