diff --git a/myTodo.css b/myTodo.css index aa09192..e50e231 100644 --- a/myTodo.css +++ b/myTodo.css @@ -67,7 +67,7 @@ body { width: 1.5rem; height: 1.5rem; margin: 0.5rem 0.5rem; - border-radius: 50px; + border-radius: 5px; border: 1px solid lightgray; cursor: pointer; text-align: center; @@ -89,7 +89,7 @@ body { .delBtn { display: flex; - justify-content: flex-end; + justify-content: center; opacity: 1; width: 2rem; height: 2rem; @@ -97,6 +97,7 @@ body { text-align: center; font-weight: lighter; cursor: pointer; + align-items: center; } .leftItems { diff --git a/myTodo.js b/myTodo.js index d4dc534..f623caa 100644 --- a/myTodo.js +++ b/myTodo.js @@ -71,7 +71,7 @@ const showList=()=>{ const delBtnElem = document.createElement('button'); delBtnElem.classList.add('delBtn'); delBtnElem.addEventListener('click', ()=> deleteTodo(todo.id)); - delBtnElem.innerHTML='🗑'; + delBtnElem.innerHTML='❌'; if(todo.complete){ diff --git a/myTodolist.html b/myTodolist.html index 3479a1c..82c9029 100644 --- a/myTodolist.html +++ b/myTodolist.html @@ -19,12 +19,9 @@ - -
-
-
+ +
+