From dba048620b0cd575bcab9f0fff0b12428aad2f37 Mon Sep 17 00:00:00 2001
From: Francesco Lorenzo D'Amico <fda145977@stud.gibb.ch>
Date: Tue, 27 May 2025 12:19:31 +0200
Subject: [PATCH] Add some style for Detail.cshtml

---
 Francesco.Recipes.World/wwwroot/css/site.css | 51 +++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/Francesco.Recipes.World/wwwroot/css/site.css b/Francesco.Recipes.World/wwwroot/css/site.css
index a505610..6410704 100644
--- a/Francesco.Recipes.World/wwwroot/css/site.css
+++ b/Francesco.Recipes.World/wwwroot/css/site.css
@@ -84,4 +84,53 @@ textarea.form-control {
     border-radius: 4px;
     cursor: pointer;
     margin-top: 10px;
-}
\ No newline at end of file
+}
+
+.recipe-card {
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.active-recipe-card {
+    border-bottom: 4px solid #000 !important;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+
+.selected-ingredient .btn-outline-danger {
+    background-color: #dc3545 !important;
+    color: white !important;
+    border-color: #dc3545 !important;
+}
+
+#removeSelectedButton {
+    display: none;
+    margin-top: 15px;
+    background-color: #FFA500;
+    color: white;
+    border: none;
+    padding: 8px 15px;
+    border-radius: 4px;
+    font-weight: bold;
+    transition: all 0.3s;
+}
+
+    #removeSelectedButton:hover {
+        background-color: #FF8C00;
+    }
+
+.ingredient-counter {
+    position: absolute;
+    top: -8px;
+    right: -8px;
+    background-color: #dc3545;
+    color: white;
+    border-radius: 50%;
+    width: 22px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 0.8rem;
+    font-weight: bold;
+}
+