From bb0beb946296c99e4453ad95fb59bd2d8c13c478 Mon Sep 17 00:00:00 2001
From: "bastien.ollier@etu.uca.fr" <bastien.ollier@etu.uca.fr>
Date: Thu, 19 Jan 2023 19:17:29 +0100
Subject: [PATCH] css sugestion friend

---
 .../client/src/components/UserProfil/SuggestFriends.js    | 8 ++++++--
 Site Web/client/src/styles/pages/_profil.scss             | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/Site Web/client/src/components/UserProfil/SuggestFriends.js b/Site Web/client/src/components/UserProfil/SuggestFriends.js
index 2ceee84c..a4577dad 100644
--- a/Site Web/client/src/components/UserProfil/SuggestFriends.js	
+++ b/Site Web/client/src/components/UserProfil/SuggestFriends.js	
@@ -80,8 +80,12 @@ const SuggestFriends = () => {
                                     if(user === usersData[i]._id){
                                         return (
                                             <div className="UtiReco" key={user}>
-                                                <MiniProfil uid={usersData[i]._id}></MiniProfil>
-                                                <FollowHandler idToFollow={usersData[i]._id} type={"card"}/>
+                                                <div>
+                                                    <MiniProfil uid={usersData[i]._id}></MiniProfil>
+                                                </div>
+                                                <div>
+                                                    <FollowHandler idToFollow={usersData[i]._id} type={"card"}/>
+                                                </div>
                                             </div>
                                         );
                                     }
diff --git a/Site Web/client/src/styles/pages/_profil.scss b/Site Web/client/src/styles/pages/_profil.scss
index 67ac2d2f..4d8fc9c6 100644
--- a/Site Web/client/src/styles/pages/_profil.scss	
+++ b/Site Web/client/src/styles/pages/_profil.scss	
@@ -364,13 +364,15 @@ scrollbar-gutter: stable both-edges;
 .recoDiv {
   width: 250px;
   margin-top: 10px;
+
 }
 
 .UtiReco {
 display: flex;
 flex-direction: row;
-justify-content: space-evenly;
+justify-content: space-between;
 padding: 5% 0% 0% 0%;
+
 }
 
 .ListReco {