From 90ebdd3a9a152e46ff606f11927e04385231446c Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Sun, 30 Nov 2025 22:01:13 -0700
Subject: [PATCH] (FIX): Better styles and some small fixes.

---
 web/src/components/cards/RecipeCardLarge.tsx    | 2 +-
 web/src/components/cards/RecipeCardSmall.tsx    | 2 +-
 web/src/components/items/RecipeSearchResult.tsx | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/cards/RecipeCardLarge.tsx b/web/src/components/cards/RecipeCardLarge.tsx
index 53fcccb..00da616 100644
--- a/web/src/components/cards/RecipeCardLarge.tsx
+++ b/web/src/components/cards/RecipeCardLarge.tsx
@@ -31,7 +31,7 @@ export default function RecipeCardLarge({ recipe }: RecipeCardLargeProps) {
 
   return (
     <div className="flex flex-col items-center justify-between rounded-lg border-gray-300 border shadow-md p-4 flex-shrink-0">
-      <img className="size-80 rounded-sm" src={RecipePlaceholder} />
+      <img className="size-80 rounded-sm border border-gray-200 shadow-sm shadow-gray-100" src={RecipePlaceholder} />
       <div className="w-full mt-8">
         <h2 className="font-semibold overflow-hidden whitespace-nowrap text-ellipsis">
           {recipe.Title}
diff --git a/web/src/components/cards/RecipeCardSmall.tsx b/web/src/components/cards/RecipeCardSmall.tsx
index 9b0e775..e8a86b0 100644
--- a/web/src/components/cards/RecipeCardSmall.tsx
+++ b/web/src/components/cards/RecipeCardSmall.tsx
@@ -25,7 +25,7 @@ export default function RecipeCardSmall({ recipe }: RecipeCardSmallProps) {
 
   return (
     <div className="flex flex-col items-center justify-between rounded-lg border-gray-300 border shadow-md p-4 flex-shrink-0">
-      <img className="size-52 md:size-48 rounded-sm" src={RecipePlaceholder} />
+      <img className="size-52 md:size-48 rounded-sm border border-gray-200 shadow-sm shadow-gray-100" src={RecipePlaceholder} />
       <div className="w-52 md:w-48 mt-8">
         <h2 className="font-semibold overflow-hidden whitespace-nowrap text-ellipsis">
           {recipe.Title}
diff --git a/web/src/components/items/RecipeSearchResult.tsx b/web/src/components/items/RecipeSearchResult.tsx
index e57a953..9230bce 100644
--- a/web/src/components/items/RecipeSearchResult.tsx
+++ b/web/src/components/items/RecipeSearchResult.tsx
@@ -63,7 +63,10 @@ export default function RecipeSearchResult({ recipe }: RecipeSearchResultProps)
             )}
           </div>
         </div>
-        <p className="text-sm my-2 text-center md:text-left overflow-hidden text-ellipsis break-all"
+        <div className="my-1">
+          <p className="text-xs text-gray-500 italic">{recipe.Tags.map(x => x.Name).join(", ")}</p>
+        </div>
+        <p className="text-sm text-center md:text-left overflow-hidden text-ellipsis break-all"
           style={{ display: "-webkit-box", WebkitLineClamp: 3, WebkitBoxOrient: "vertical" }}>
           {recipe.Description}
         </p>