align center checkbox

Shaybush · Aug 29, 2023 · 49308e6 · 49308e6
1 parent 4d73c82
commit 49308e6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/js_2/todo.js b/js_2/todo.js
@@ -22,10 +22,12 @@ export default class Todo {
          <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/>
         </svg>
         </td>
-        <td class="text-center">
-        <label class="checkbox_container">
-         <input class="checkBox text-center" type="checkbox" id="checked" name="task" value="checked">
-         <span class="checkmark"></span>
+        <td>
+        <div class="d-flex align-items-center justify-content-center">
+          <label class="checkbox_container">
+          <input class="checkBox text-center" type="checkbox" id="checked" name="task" value="checked">
+          <span class="checkmark"></span>
+        </div>
         </label>
         </td>
         `;

diff --git a/mission2.css b/mission2.css
@@ -71,6 +71,7 @@ table {
   left: 0;
   height: 22px;
   width: 22px;
+  border: 1px solid black;
   background-color: white;
 }