From 960794fcc26903f5460c8d8f3d2377f1c95674e8 Mon Sep 17 00:00:00 2001
From: AntoninoP <antoninopiraino70@gmail.com>
Date: Fri, 27 Sep 2024 15:39:33 +0200
Subject: [PATCH] fix css on tier cards last commit

---
 src/pages/Payement/Pricing/Pricing.jsx        |  4 ++--
 .../Payement/Pricing/Pricing.module.scss      | 20 +++++--------------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/pages/Payement/Pricing/Pricing.jsx b/src/pages/Payement/Pricing/Pricing.jsx
index 8c6cdbf..4963637 100644
--- a/src/pages/Payement/Pricing/Pricing.jsx
+++ b/src/pages/Payement/Pricing/Pricing.jsx
@@ -2,7 +2,6 @@ import styles from './Pricing.module.scss';
 import Navbar from '../../../components/navbar/Navbar';
 import { useNavigate } from 'react-router-dom'; 
 import PropTypes from 'prop-types';
-
 import basique from '../../../assets/tier/basique.png';
 import standard from '../../../assets/tier/standard.png';
 import premium from '../../../assets/tier/premium.png';
@@ -13,6 +12,7 @@ import { FaCheckCircle, FaTimesCircle } from 'react-icons/fa';
 const Pricing = ({ user }) => {
   const navigate = useNavigate();
   
+
   const groups = [
     { 
       title: 'Basique', 
@@ -80,7 +80,7 @@ const Pricing = ({ user }) => {
             </div>
 
             <div className={styles.priceContainer}>
-              <p className={styles.price}>{pkg.price}</p>
+              <div className={styles.price}>{pkg.price}</div>
               <span className={styles.mensuel}>/mois</span>
             </div>
 
diff --git a/src/pages/Payement/Pricing/Pricing.module.scss b/src/pages/Payement/Pricing/Pricing.module.scss
index 7634cb4..cee635f 100644
--- a/src/pages/Payement/Pricing/Pricing.module.scss
+++ b/src/pages/Payement/Pricing/Pricing.module.scss
@@ -20,22 +20,12 @@ $secondary-color: #fff;
   background-color: $secondary-color;
   color: $primary-color;
   border-radius: .5rem;
-  padding: 0rem 2rem 2rem 2rem;
+  padding: .5rem 2rem 2rem 2rem;
   text-align: start;
   transition: transform 0.3s, box-shadow 0.3s;
   border: 0.15rem solid #dfdcd5;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-
-  &.recommended {
-    border-color: #76e4c8;
-    box-shadow: 0 6px 20px rgba(0, 228, 184, 0.5);
-  }
-
-  &:hover {
-    transform: scale(1.02);
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
-  }
-
+  
   .packageCardheader {
     display: flex;
     justify-content: space-between;
@@ -57,8 +47,7 @@ $secondary-color: #fff;
     display: flex;
     justify-content: start; 
     align-items: baseline;
-    margin-bottom:-1rem;
-    margin-top: -4rem;
+    margin-bottom: 1.5rem;
 
     .price {
       font-size: 2.5rem;
@@ -77,7 +66,7 @@ $secondary-color: #fff;
     width: 16.5rem;
     height: 4rem;
     font-size: 1rem;
-    margin-top: -0.25rem;
+    margin-top: 0.25rem;
     color: #3c3c3c;
   }
 
@@ -125,6 +114,7 @@ $secondary-color: #fff;
 }
 
 
+
 @media (max-width: 700px) {
   .packageList {
     flex-direction: column;