From 497ab442f29ee112f3fecbd4fb982b1c7a5a8ee1 Mon Sep 17 00:00:00 2001
From: Max <maximilianbrand@web.de>
Date: Tue, 14 Jul 2026 15:38:57 +0200
Subject: [PATCH] Readme angepasst, Leserlichkeit im Code leicht verbessert

---
 react-unterricht-todolist/src/components/TodoItem.jsx | 8 ++++++--
 react-unterricht-todolist/src/components/TodoList.jsx | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/react-unterricht-todolist/src/components/TodoItem.jsx b/react-unterricht-todolist/src/components/TodoItem.jsx
index 1f3222e..e181272 100644
--- a/react-unterricht-todolist/src/components/TodoItem.jsx
+++ b/react-unterricht-todolist/src/components/TodoItem.jsx
@@ -1,9 +1,11 @@
 function TodoItem({ todo, onToggleTodo, onDeleteTodo }) {
+
     const priorityLabels = {
         low: "Niedrig",
         normal: "Normal",
         high: "Hoch",
     };
+
     return (
         <li className={`todo-item ${todo.completed ? "completed" : ""}`}>
             <label className="todo-content">
@@ -14,9 +16,11 @@ function TodoItem({ todo, onToggleTodo, onDeleteTodo }) {
                 />
                 <span className="todo-text">{todo.text}</span>
             </label>
+
             <span className={`priority priority-${todo.priority}`}>
-{priorityLabels[todo.priority]}
-</span>
+                {priorityLabels[todo.priority]}
+            </span>
+
             <button
                 className="delete-button"
                 type="button"
diff --git a/react-unterricht-todolist/src/components/TodoList.jsx b/react-unterricht-todolist/src/components/TodoList.jsx
index d97428f..ce42967 100644
--- a/react-unterricht-todolist/src/components/TodoList.jsx
+++ b/react-unterricht-todolist/src/components/TodoList.jsx
@@ -1,5 +1,6 @@
 import TodoItem from "./TodoItem";
 function TodoList({ todos, onToggleTodo, onDeleteTodo }) {
+
     if (todos.length === 0) {
         return (
             <p className="empty-message">
@@ -7,6 +8,7 @@ function TodoList({ todos, onToggleTodo, onDeleteTodo }) {
             </p>
         );
     }
+
     return (
         <ul className="todo-list">
             {todos.map((todo) => (