Update static/script.js

static/script.js

@@ -125,6 +125,11 @@ function displayIngredientsList(ingredients) {
         const img = document.createElement('img');
         img.src = ingredient.image_url || 'https://via.placeholder.com/80'; // Fallback image
         img.alt = ingredient.name;
+        const name = document.createElement('div');
+        name.textContent = ingredient.name;
+        name.style.textAlign = 'center';
+        name.style.marginTop = '5px';
+        name.style.fontSize = '12px';
         const button = document.createElement('button');
         button.textContent = 'Add';
         button.onclick = () => {
@@ -134,6 +139,7 @@ function displayIngredientsList(ingredients) {
             }
         };
         item.appendChild(img);
+        item.appendChild(name);
         item.appendChild(button);
         ingredientsList.appendChild(item);
     });