63

Author: kossiecoder

db.json

@@ -95,12 +95,6 @@
       "body": "dfghdfgh",
       "id": 26
     },
-    {
-      "subject": "",
-      "completed": false,
-      "body": "",
-      "id": 27
-    },
     {
       "subject": "ab",
       "completed": false,

src/components/TodoList.vue

@@ -9,20 +9,17 @@
         style="cursor: pointer"
         @click="moveToPage(todo.id)"
       >
-        <div class="form-check flex-grow-1">
+        <div class="flex-grow-1">
           <input 
-            class="form-check-input" 
+            class="ml-2 mr-2"
             type="checkbox"
             :checked="todo.completed"
             @change="toggleTodo(index, $event)"
             @click.stop
           >
-          <label 
-            class="form-check-label"
-            :class="{ todo: todo.completed }"
-          >
+          <span :class="{ todo: todo.completed }">
             {{ todo.subject }}
-          </label>
+          </span>
         </div>
         <div>
           <button