more changes

src/app/todo-table/todo-table.html

@@ -1,10 +1,10 @@
-<table>
+<table class="w-full mt-3">
   <thead>
     <tr>
       <td>Done</td>
       <td>Name</td>
       <td>Due</td>
-      <td>Actions</td>
+      <td class="flex"><div class="ml-auto">Actions</div></td>
     </tr>
   </thead>
   <tbody>
@@ -19,10 +19,18 @@
         />
       </td>
       <td>{{task.title}}</td>
-      <td>{{task.dueDate}}</td>
-      <td>
-        <button (click)="editTask(task)">Edit</button
-        ><button (click)="deleteTask(task)">Delete</button>
+      <td>{{task.dueDate|date}}</td>
+      <td class="flex">
+        <div class="ml-auto mb-3">
+          <button class="btn-secondary mr-3" (click)="editTask(task)">
+            Edit</button
+          ><button
+            class="btn-secondary hover:!bg-danger"
+            (click)="deleteTask(task)"
+          >
+            Delete
+          </button>
+        </div>
       </td>
     </tr>
     }