fix: wrap checkbox label + remove bad margin

Xia0xia0Xia0 · Oct 29, 2024 · f0c6629 · f0c6629
1 parent f86098b
commit f0c6629
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/common/ui/setting-check.vue b/src/common/ui/setting-check.vue
@@ -46,5 +46,8 @@ onBeforeUnmount(revoke);
   display: inline-flex;
   flex-wrap: wrap;
   white-space: pre-wrap; /* preserving spaces in html */
+  > :nth-child(2) {
+    flex: 1 1 min-content; /* wrapping inside the label so it stays in the same row as [x] */
+  }
 }
 </style>
diff --git a/src/common/ui/settings-popup.vue b/src/common/ui/settings-popup.vue
@@ -4,7 +4,7 @@
   </div>
   <div class="ml-2c flex flex-col">
     <!-- ml-2c indents children after the first one for visual grouping -->
-    <setting-check name="editorWindow" class="mr-2" ref="$EW">
+    <setting-check name="editorWindow" ref="$EW">
       <tooltip :content="EDITOR_WINDOW_HINT" :disabled="!EDITOR_WINDOW_HINT">
         <span v-text="i18n('optionEditorWindow')"/>
       </tooltip>