From 6d39c404c4131ecb7d3836452a05e399f7044777 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 8 Mar 2025 01:01:05 +0200
Subject: [PATCH] client/options/appearance/ribbon widgets: place checkboxes on
 separate lines

---
 .../type_widgets/options/appearance/ribbon.ts | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
index dc1055717..5b4c0557a 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
@@ -5,15 +5,19 @@ import OptionsWidget from "../options_widget.js";
 const TPL = `
 <div class="options-section">
     <h4>${t("ribbon.widgets")}</h4>
-    <label class="tn-checkbox">
-        <input type="checkbox" class="promoted-attributes-open-in-ribbon form-check-input">
-        ${t("ribbon.promoted_attributes_message")}
-    </label>
+    <div>
+        <label class="tn-checkbox">
+            <input type="checkbox" class="promoted-attributes-open-in-ribbon form-check-input">
+            ${t("ribbon.promoted_attributes_message")}
+        </label>
+    </div>
 
-    <label class="tn-checkbox">
-        <input type="checkbox" class="edited-notes-open-in-ribbon form-check-input">
-        ${t("ribbon.edited_notes_message")}
-    </label>
+    <div>
+        <label class="tn-checkbox">
+            <input type="checkbox" class="edited-notes-open-in-ribbon form-check-input">
+            ${t("ribbon.edited_notes_message")}
+        </label>
+    </div>
 </div>`;
 
 export default class RibbonOptions extends OptionsWidget {