From 76491d2d244a61f27d3d6da6507c8202ed11d349 Mon Sep 17 00:00:00 2001
From: "ONDA, Takashi" <ondat@ikyu.com>
Date: Thu, 28 Mar 2024 08:40:53 +0900
Subject: [PATCH] use label element to click task checkbox easily, rather than
 div

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9964020..e894a9e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -53,10 +53,10 @@ function App() {
           </label>
           <hr />
           {views.map((task) => (
-            <div key={task.id}>
+            <label key={task.id} style={{ display: 'block' }}>
               <input type="checkbox" checked={task.done} onChange={() => onCheck(task)} />
               {task.done ? <s>{task.name}</s> : task.name}
-            </div>
+            </label>
           ))}
         </>
       )}