From 430ed78d8556d015758d0b3b2879545ca37c443f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 9 Jul 2025 20:14:42 +0300
Subject: [PATCH] feat(book_properties): improve layout & accessibility

---
 apps/client/src/widgets/ribbon_widgets/book_properties.ts       | 1 +
 .../client/src/widgets/ribbon_widgets/book_properties_config.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/ribbon_widgets/book_properties.ts b/apps/client/src/widgets/ribbon_widgets/book_properties.ts
index c48fc6d6b..71030dbcc 100644
--- a/apps/client/src/widgets/ribbon_widgets/book_properties.ts
+++ b/apps/client/src/widgets/ribbon_widgets/book_properties.ts
@@ -19,6 +19,7 @@ const TPL = /*html*/`
 
         .book-properties-container {
             display: flex;
+            align-items: center;
         }
 
         .book-properties-container > * {
diff --git a/apps/client/src/widgets/ribbon_widgets/book_properties_config.ts b/apps/client/src/widgets/ribbon_widgets/book_properties_config.ts
index a75fc4d0a..ff4372da3 100644
--- a/apps/client/src/widgets/ribbon_widgets/book_properties_config.ts
+++ b/apps/client/src/widgets/ribbon_widgets/book_properties_config.ts
@@ -48,7 +48,7 @@ export function renderBookProperty(property: BookProperty, note: FNote) {
                 }
             });
             $checkbox.prop("checked", note.hasOwnedLabel(property.bindToLabel));
-            $container.prepend($checkbox);
+            $label.prepend($checkbox);
             break;
         default:
             throw new Error(`Unknown property type: ${property.type}`);