From cda99fc7a579f1adac1ab78352118eae8f959c6d Mon Sep 17 00:00:00 2001
From: Bill Thiede <git@xinu.tv>
Date: Tue, 20 Feb 2024 20:20:50 -0800
Subject: [PATCH] web: improve checkbox style on desktop

---
 web/src/view/mod.rs | 41 ++++++++++++++++++++---------------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index f7a2441..3047d14 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -129,29 +129,28 @@ fn view_search_results(
         tr![
             IF!(unread_idx.is_some() => C!["unread"]),
             td![label![
-                C!["checkbox"],
-                input![
-                    attrs! {
-                        At::Type=>"checkbox",
-                        At::Checked=>selected_threads.contains(&tid).as_at_value(),
-                    },
-                    ev(Ev::Input, move |e| {
-                        if let Some(input) = e
-                            .target()
-                            .as_ref()
-                            .expect("failed to get reference to target")
-                            .dyn_ref::<web_sys::HtmlInputElement>()
-                        {
-                            if input.checked() {
-                                Msg::SelectionAddThread(check_tid)
-                            } else {
-                                Msg::SelectionRemoveThread(check_tid)
-                            }
+                C!["b-checkbox", "checkbox"],
+                input![attrs! {
+                    At::Type=>"checkbox",
+                    At::Checked=>selected_threads.contains(&tid).as_at_value(),
+                }],
+                span![C!["check"]],
+                ev(Ev::Input, move |e| {
+                    if let Some(input) = e
+                        .target()
+                        .as_ref()
+                        .expect("failed to get reference to target")
+                        .dyn_ref::<web_sys::HtmlInputElement>()
+                    {
+                        if input.checked() {
+                            Msg::SelectionAddThread(check_tid)
                         } else {
-                            Msg::Noop
+                            Msg::SelectionRemoveThread(check_tid)
                         }
-                    }),
-                ]
+                    } else {
+                        Msg::Noop
+                    }
+                }),
             ]],
             td![
                 C!["from"],