From a29b01e4133deacdbbefcfdc6f55ffc0ce6654d1 Mon Sep 17 00:00:00 2001
From: ulfrxdev <r.rafal.r9@gmail.com>
Date: Mon, 6 Apr 2026 18:53:40 +0200
Subject: [PATCH] Add shadow to recipe cards

---
 js/views/RecipeList.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/views/RecipeList.js b/js/views/RecipeList.js
index 491b358..bba4156 100644
--- a/js/views/RecipeList.js
+++ b/js/views/RecipeList.js
@@ -60,7 +60,7 @@ function getFilteredRecipes() {
 function renderRecipeCard(recipe) {
     const labels = slotLabelsFor(recipe);
     return `
-        <div data-recipe-id="${escapeHtml(recipe.id)}" onclick="openRecipeDetail('${escapeHtml(recipe.id)}')" class="recipe-card rounded-xl overflow-hidden flex flex-col bg-[#393937] cursor-pointer transition-shadow" style="background:#393937 !important; border:none !important; box-shadow:none !important;">
+        <div data-recipe-id="${escapeHtml(recipe.id)}" onclick="openRecipeDetail('${escapeHtml(recipe.id)}')" class="recipe-card rounded-xl overflow-hidden flex flex-col bg-[#393937] cursor-pointer transition-shadow" style="background:#393937 !important; border:none !important; box-shadow:0 2px 8px rgba(0,0,0,0.28) !important;">
             <div class="h-32 bg-[#d4d4d4] relative overflow-hidden">
                 ${recipe.image
                     ? `<img src="${escapeHtml(recipe.image)}" alt="${escapeHtml(recipe.title)}" class="w-full h-full object-cover">`