🐛 💄 fix: centered delete button on text overload

bytevictor · Mar 28, 2024 · d0352d3 · d0352d3
1 parent ef6776f
commit d0352d3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/Components/TasksApp/TaskApp.tsx b/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 },
 ];
diff --git a/app/Components/TasksApp/TaskList.tsx b/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>