From ee2d4c683041c9709e64e42fe7badd43e4e92ed4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 22 Feb 2025 01:30:55 +0200
Subject: [PATCH] style(next): promoted attributes widget: tweak checkboxes

---
 .../app/widgets/ribbon_widgets/promoted_attributes.js      | 3 +++
 src/public/stylesheets/theme-next/shell.css                | 7 +++++++
 2 files changed, 10 insertions(+)

diff --git a/src/public/app/widgets/ribbon_widgets/promoted_attributes.js b/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
index 9cf0951ff..75ed276ec 100644
--- a/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
+++ b/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
@@ -226,6 +226,9 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
             } else if (definition.labelType === "boolean") {
                 $input.prop("type", "checkbox");
 
+                $input.wrap($(`<label class="tn-checkbox"></label>`));
+                $wrapper.find(".input-group").removeClass("input-group");
+
                 if (valueAttr.value === "true") {
                     $input.prop("checked", "checked");
                 }
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 64d5f508b..a4ab77af2 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1878,6 +1878,13 @@ div.promoted-attribute-cell input {
     font-weight: 500;
 }
 
+div.promoted-attribute-cell .tn-checkbox {
+    --box-label-gap: 0;
+
+    height: 1cap;
+    margin: 0 1em;
+}
+
 div.promoted-attribute-cell .multiplicity {
     --icon-button-size: 28px;