From 4e61ad4aa3b70232cf33bb368e66fa21f79db745 Mon Sep 17 00:00:00 2001
From: Victor Turgeon <76506447+Medenos@users.noreply.github.com>
Date: Tue, 18 Oct 2022 01:19:39 -0700
Subject: [PATCH] Sleeeeeep ZZZ

---
 .../src/components/FeaturedList.js            |  2 +-
 .../src/components/Topbar.js                  |  4 ++--
 .../grosses-mitaines-ui/src/pages/Morceaux.js |  2 +-
 .../src/stylesheets/site.css                  | 21 +++++++++++++++++--
 4 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js
index 0d379c7..2b0c2e6 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js
@@ -4,7 +4,7 @@ const FeaturedList = ({ products }) => {
     return (
         <Carousel variant="dark" className="featured-lst">
             {products.map((product) => (
-                <Carousel.Item className="featured-itm">
+                <Carousel.Item key={product.id} className="featured-itm">
                     <img
                         className="featured-img"
                         src={product.imageUrl}
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js b/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
index b0a6bbd..6813df2 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
@@ -31,8 +31,8 @@ const Topbar = () => {
                         <Link className="nav-link" to="/privacy" >
                             Vie privée
                         </Link>
-                        <Dropdown>
-                            <Dropdown.Toggle className="dropdown-gestion">
+                        <Dropdown className="dropdown-gestion-container">
+                            <Dropdown.Toggle className="dropdown-gestion" >
                                 Gestion
                             </Dropdown.Toggle>
 
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
index f5e3e85..b779bc3 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js
@@ -24,7 +24,7 @@ const Morceaux = (startingProducts) => {
         }
         fetchData();
         setIsLoading(false);
-    },[]);
+    }, []);
 
     const handleNextItems = async () => {
 
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css b/GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css
index aca5587..5067a8c 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css
+++ b/GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css
@@ -447,9 +447,17 @@ html {
 
 .dropdown-gestion,
 .dropdown-gestion:hover {
-    color: black;
-    background-color: beige !important;
+    margin:0px;
+    padding:auto;
+    color: grey;
+    background-color: transparent !important;
     border-color: transparent !important;
+    padding-left:10%;
+}
+
+.dropdown-gestion-container button:hover{
+    color:rgb(102, 102, 102) !important;
+   
 }
 
 .dropdown-gestion-menu {
@@ -508,6 +516,10 @@ html {
     height: auto;
 }
 
+.detail-old-price{
+    text-decoration: line-through;
+}
+
 
 
 /* -------------------------------------------------------- */
@@ -515,6 +527,11 @@ html {
 /* -------------------------------------------------------- */
 @media(max-width:900px) {
 
+    .dropdown-gestion,
+    .dropdown-gestion:hover {
+        padding-left:0;
+    }
+
     .detail-container{
         display:inline-block;
     }