diff --git a/app.js b/app.js
index 2049fc2..5f2be35 100644
--- a/app.js
+++ b/app.js
@@ -15,11 +15,11 @@ for(const element of lisAndBody){
 	element.addEventListener('drop', (event)=>{
 		event.stopPropagation()
 		event.target.classList.remove('dragging');
-		event.target.children[1].appendChild(currentDraggedItem)
+		event.target.children[0].appendChild(currentDraggedItem)
 	})
 }
 
-const deleteButtons = document.querySelectorAll('button');
+const deleteButtons = document.querySelectorAll('button.delete');
 for (const deleteButton of deleteButtons) {
 	deleteButton.addEventListener('click', (event)=>{
 		event.target.parentNode.remove()
diff --git a/index.html b/index.html
index 51a6282..984470c 100644
--- a/index.html
+++ b/index.html
@@ -7,32 +7,41 @@
 	<script defer src="app.js"></script>
 </head>
 <body>
-	<h1>New Trello</h1>
 	<ul>
 		<li draggable="true">
 			one
-			<button>Delete</button>
 			<ul></ul>
+			<button class="add">Add</button>
+			<button class="edit">Edit</button>
+			<button class="delete">Delete</button>
 		</li>
 		<li draggable="true">
 			two
-			<button>Delete</button>
 			<ul></ul>
+			<button class="add">Add</button>
+			<button class="edit">Edit</button>
+			<button class="delete">Delete</button>
 		</li>
 		<li draggable="true">
 			three
-			<button>Delete</button>
 			<ul></ul>
+			<button class="add">Add</button>
+			<button class="edit">Edit</button>
+			<button class="delete">Delete</button>
 		</li>
 		<li draggable="true">
 			four
-			<button>Delete</button>
 			<ul></ul>
+			<button class="add">Add</button>
+			<button class="edit">Edit</button>
+			<button class="delete">Delete</button>
 		</li>
 		<li draggable="true">
 			five
-			<button>Delete</button>
 			<ul></ul>
+			<button class="add">Add</button>
+			<button class="edit">Edit</button>
+			<button class="delete">Delete</button>
 		</li>
 	</ul>
 </body>
