Aggiunto padding tabelle e stile bottoni

script.js

@@ -32,8 +32,8 @@ function listPizze(){
                 <td>${pizza.id}</td>
                 <td>${pizza.nome}</td>
                 <td>${pizza.prezzo.toFixed(2)}€</td>
-                <td><button onclick="editPizza(${pizza.id})">Modifica</button>
+                <td><button class="editBtn" onclick="editPizza(${pizza.id})">Modifica</button>
-                <button onclick="deletePizza(${pizza.id})">X</button></td>
+                <button class="delBtn" onclick="deletePizza(${pizza.id})">X</button></td>
             </tr>`;
         });
         

style.css

@@ -5,3 +5,16 @@ body{
 body, button{
     font-family: 'Comic Sans MS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
+
+td, th{
+    padding: 5px;
+}
+
+.editBtn{
+    background-color: aqua;
+}
+
+.delBtn{
+    background-color: red;
+    color: white;
+}