From 5a6d27173e1c82e2e6ad78977d864821ba9d4321 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 17 Mar 2025 10:54:01 +0200
Subject: [PATCH] feat(options/llm): improve checkboxes

---
 .../type_widgets/options/ai_settings.ts       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/ai_settings.ts b/src/public/app/widgets/type_widgets/options/ai_settings.ts
index c558d0009..d1b146a70 100644
--- a/src/public/app/widgets/type_widgets/options/ai_settings.ts
+++ b/src/public/app/widgets/type_widgets/options/ai_settings.ts
@@ -57,11 +57,11 @@ export default class AiSettingsWidget extends OptionsWidget {
             <h4>${t("ai_llm.title")}</h4>
 
             <div class="form-group">
-                <label>
-                    <input class="ai-enabled" type="checkbox">
+                <label class="tn-checkbox">
+                    <input class="ai-enabled form-check-input" type="checkbox">
                     ${t("ai_llm.enable_ai_features")}
                 </label>
-                <div class="help-text">${t("ai_llm.enable_ai_description")}</div>
+                <div class="form-text">${t("ai_llm.enable_ai_description")}</div>
             </div>
         </div>
 
@@ -145,11 +145,11 @@ export default class AiSettingsWidget extends OptionsWidget {
                         <h5>${t("ai_llm.ollama_configuration")}</h5>
 
                         <div class="form-group">
-                            <label>
-                                <input class="ollama-enabled" type="checkbox">
+                            <label class="tn-checkbox">
+                                <input class="ollama-enabled form-check-input" type="checkbox">
                                 ${t("ai_llm.enable_ollama")}
                             </label>
-                            <div class="help-text">${t("ai_llm.enable_ollama_description")}</div>
+                            <div class="form-text">${t("ai_llm.enable_ollama_description")}</div>
                         </div>
 
                         <div class="form-group">
@@ -203,19 +203,19 @@ export default class AiSettingsWidget extends OptionsWidget {
             </div>
 
             <div class="form-group">
-                <label>
-                    <input class="embedding-auto-update-enabled" type="checkbox">
+                <label class="tn-checkbox">
+                    <input class="embedding-auto-update-enabled form-check-input" type="checkbox">
                     ${t("ai_llm.enable_auto_update_embeddings")}
                 </label>
-                <div class="help-text">${t("ai_llm.enable_auto_update_embeddings_description")}</div>
+                <div class="form-text">${t("ai_llm.enable_auto_update_embeddings_description")}</div>
             </div>
 
             <div class="form-group">
-                <label>
-                    <input class="enable-automatic-indexing" type="checkbox">
+                <label class="tn-checkbox">
+                    <input class="enable-automatic-indexing form-check-input" type="checkbox">
                     ${t("ai_llm.enable_automatic_indexing")}
                 </label>
-                <div class="help-text">${t("ai_llm.enable_automatic_indexing_description")}</div>
+                <div class="form-text">${t("ai_llm.enable_automatic_indexing_description")}</div>
             </div>
 
             <div class="form-group">