From faa4a5fcd8c78e0051ca36058ea9271d742a16ce Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 17 Jan 2025 01:36:54 +0200
Subject: [PATCH] client: update the markup for the "Available MIME types"
 check boxes

---
 .../type_widgets/options/code_notes/code_mime_types.ts   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts b/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
index af55aba65..ff9d1857e 100644
--- a/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
+++ b/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
@@ -92,10 +92,13 @@ export default class CodeMimeTypesOptions extends OptionsWidget {
 
     #buildSelectionForMimeType(mimeType: MimeType) {
         const id = "code-mime-type-" + idCtr++;
-        return $("<li>")
+
+        const checkbox = $("<label>")
             .append($('<input type="checkbox" class="form-check-input">').attr("id", id).attr("data-mime-type", mimeType.mime).prop("checked", mimeType.enabled))
             .on("change", () => this.save())
-            .append(" &nbsp; ")
-            .append($("<label>").attr("for", id).text(mimeType.title));
+            .append(mimeType.title)
+
+        return $("<li>")
+            .append(checkbox);
     }
 }