From 5a6c3ae4263e289af0f241c9ca06df8eeb3a6a1d Mon Sep 17 00:00:00 2001
From: Matt Wilkie <matt.wilkie@yukon.ca>
Date: Wed, 19 Feb 2025 08:33:03 -0700
Subject: [PATCH] use the standard classes

per @pano9000 advice, https://github.com/TriliumNext/Notes/pull/1207#issuecomment-2667896424
---
 .../options/other/share_settings.ts           | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/other/share_settings.ts b/src/public/app/widgets/type_widgets/options/other/share_settings.ts
index c4c9d9421..199605082 100644
--- a/src/public/app/widgets/type_widgets/options/other/share_settings.ts
+++ b/src/public/app/widgets/type_widgets/options/other/share_settings.ts
@@ -4,25 +4,20 @@ import { t } from "../../../../services/i18n.js";
 import type { OptionMap, OptionNames } from "../../../../../../services/options_interface.js";
 
 const TPL = `
-<div class="card-body">
+<div class="options-section">
     <h4>${t("share.title")}</h4>
 
-    <div class="form-check">
-        <label class="form-check-label">
-            <input class="form-check-input" type="checkbox" name="redirectBareDomain" value="true">
-            ${t("share.redirect_bare_domain")}
-        </label>
-        <p class="form-text">${t("share.redirect_bare_domain_description")}</p>
-    </div>
+    <label class="tn-checkbox">
+        <input class="form-check-input" type="checkbox" name="redirectBareDomain" value="true">
+        ${t("share.redirect_bare_domain")}
+    </label>
+    <p class="form-text">${t("share.redirect_bare_domain_description")}</p>
 
-    <div class="form-check">
-        <label class="form-check-label">
-            <input class="form-check-input" type="checkbox" name="showLoginInShareTheme" value="true">
-            ${t("share.show_login_link")}
-        </label>
-        <p class="form-text">${t("share.show_login_link_description")}</p>
-        <p>&nbsp;</p>
-    </div>
+    <label class="tn-checkbox">
+        <input class="form-check-input" type="checkbox" name="showLoginInShareTheme" value="true">
+        ${t("share.show_login_link")}
+    </label>
+    <p class="form-text">${t("share.show_login_link_description")}</p>
 </div>`;
 
 export default class ShareSettingsOptions extends OptionsWidget {