chore: center edit/delete btns

Author: ilhan007

src/app/list/list.component.css

@@ -11,6 +11,10 @@
 	white-space: nowrap;
 }
 
+.li-content-actions {
+	display: flex;
+}
+
 .edit-btn {
 	margin-right: 1rem;
 }

src/app/list/list.component.html

@@ -10,9 +10,9 @@
 
 		<div class="li-content">
 			<span class="li-content-text">{{todo.text}} - finish before: {{todo.deadline}}</span>
-			<div>
-			<ui5-button (click)="handleEdit(todo.id)" class="edit-btn">Edit</ui5-button>
-			<ui5-button design="Negative" (click)="handleDeleteItem(todo.id)">Delete</ui5-button>
+			<div class="li-content-actions">
+				<ui5-button (click)="handleEdit(todo.id)" class="edit-btn">Edit</ui5-button>
+				<ui5-button design="Negative" (click)="handleDeleteItem(todo.id)">Delete</ui5-button>
 			</div>
 		</div>