🐛 💄 fix: centered delete button on text overload

Author: bytevictor

app/Components/TasksApp/TaskApp.tsx

@@ -97,7 +97,7 @@ function tasksReducer(tasks: Array<any>, action: any) {
 }
 
 const initialTasks = [
-  { id: 0, text: "Philosopher’s Path", done: true, isNew: false },
+  { id: 0, text: "Contemplate the entropy of the universe", done: true, isNew: false },
   { id: 1, text: "Visit the temple", done: false, isNew: false },
   { id: 2, text: "Drink matcha", done: false, isNew: false },
 ];

app/Components/TasksApp/TaskList.tsx

@@ -121,7 +121,7 @@ function Task({
           onDelete(task.id);
           playSoundDelete();
         }}
-        className="btn btn-md btn-circle btn-outline btn-error self-end justify-self-end mr-4 lg:mr-0"
+        className="btn btn-md btn-circle btn-outline btn-error self-center justify-self-end mr-4 lg:mr-0"
       >
         <TrashIcon />
       </button>