style changed

src/Styles/TodoItem.module.css

@@ -91,14 +91,15 @@
   border-radius: 8px;
   text-align: center;
   max-width: auto;
+  margin:0 20px
 }
 
 .modalButtons {
   display: flex;
-  justify-content: space-around;
+  justify-content: center;
    flex-direction: column;
   margin-top: 1rem;
-  gap:5px
+  gap:10px
 }
 
 .confirmButton,

src/db.json

@@ -11,8 +11,18 @@
       "completed": false
     },
     {
-      "id": "f779",
-      "text": "qwdhmm",
+      "id": "d7e7",
+      "text": "sdfgdsfg",
+      "completed": false
+    },
+    {
+      "id": "2ccd",
+      "text": "dfhgfhdfh",
+      "completed": false
+    },
+    {
+      "id": "9b94",
+      "text": "dfghdfgh",
       "completed": false
     }
   ]