From 9a09a8906656f475d5e09f8ca652142be7b61776 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 8 Mar 2025 00:52:02 +0200
Subject: [PATCH] client/options/appearance: change the layout of the "Native
 title bar" and "Enable background effects" options

---
 .../options/appearance/electron_integration.ts   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
index 803d3d8ea..208c991cf 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
@@ -16,20 +16,24 @@ const TPL = `
     </div>
     <hr />
 
-    <div class="side-checkbox">
+    <div>
         <label class="form-check tn-checkbox">
             <input type="checkbox" class="native-title-bar form-check-input" />
-            <strong>${t("electron_integration.native-title-bar")}</strong>
-            <p>${t("electron_integration.native-title-bar-description")}</p>
+            ${t("electron_integration.native-title-bar")}
         </label>
+        <p class="form-text">
+            ${t("electron_integration.native-title-bar-description")}
+        </p>
     </div>
 
-    <div class="side-checkbox">
+    <div>
         <label class="form-check tn-checkbox">
             <input type="checkbox" class="background-effects form-check-input" />
-            <strong>${t("electron_integration.background-effects")}</strong>
-            <p>${t("electron_integration.background-effects-description")}</p>
+            ${t("electron_integration.background-effects")}
         </label>
+        <p class="form-text">
+            ${t("electron_integration.background-effects-description")}
+        </p>
     </div>
 
     <button class="btn btn-secondary btn-micro restart-app-button">${t("electron_integration.restart-app-button")}</button>