From 5919090a0ec79fa74769d0736cfa7c5e83993fd9 Mon Sep 17 00:00:00 2001
From: Darius BERTRAND <dabertrand2>
Date: Sun, 8 Jan 2023 19:09:06 +0100
Subject: [PATCH] configuration avancement

---
 .../components/Configurations/ConfigurationDuCompte.js |  6 ++++--
 .../components/Configurations/ConfigurationDuProfil.js |  2 +-
 .../Configurations/PolitiqueDeConfidentialite.js       |  1 +
 Site Web/client/src/styles/_settings.scss              |  2 +-
 .../src/styles/component/_configurationDuProfil.scss   | 10 +++++++---
 .../styles/component/_politiqueDeConfidentialite.scss  | 10 ++++++++--
 Site Web/client/src/styles/pages/_configuration.scss   |  8 ++++++++
 7 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js b/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js
index b4768711..2be18a08 100644
--- a/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js	
+++ b/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js	
@@ -17,12 +17,12 @@ const ConfigurationDuCompte =()=>{
        
             <form className="ModifucationInformationDuCompte">
                         
-                        <div className='ModificationInformationDuCompteText'>
+                        <div className='ModificationInformationDuCompteText alignementText'>
                         <span>email</span>
                         <span>mot de passe</span>
                         <span>comfirmation mot de passe</span>
                         </div>
-                        
+                        <div>
                         <div className='ModificationInformationDuCompteText'>
                         
                         <input  type="text" 
@@ -46,6 +46,8 @@ const ConfigurationDuCompte =()=>{
                                 value={controlPassword}/>
                                 <div className='password error'></div>
                         </div>
+                        <button className='buttonValidationChangements'>Valider</button>
+            </div>
             </form>
         <div />
         <h2 className='ligneHorizontal'>Suppression du compte</h2>
diff --git a/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js b/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js
index b97e3294..024f854e 100644
--- a/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js	
+++ b/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js	
@@ -36,7 +36,7 @@ const ConfigurationDuProfil = ()=>{
                 <img src={PLUS} className="plusButton "/>
                 <img src={a} className="imageDeProfilConfiguration imageDeProfil" onClick={() => setDisplayAdd(true)}/>
             </button>
-            <div className='modificationDuProfilText'>
+            <div className='modificationDuProfilText alignementText'>
                 <span>Pseudo: </span>
                 <span>Nom d'utilisateur:</span>
             </div>
diff --git a/Site Web/client/src/components/Configurations/PolitiqueDeConfidentialite.js b/Site Web/client/src/components/Configurations/PolitiqueDeConfidentialite.js
index 1d7df0b8..7dd0a9b4 100644
--- a/Site Web/client/src/components/Configurations/PolitiqueDeConfidentialite.js	
+++ b/Site Web/client/src/components/Configurations/PolitiqueDeConfidentialite.js	
@@ -4,6 +4,7 @@ import { NavLink } from "react-router-dom";
 
 const PolitiqueDeConfidentialite =()=>{
     return(
+        
         <div className='PolitiqueDeConfidentialiteText'>
            <p> Cette politique de confidentialité s’applique au site : Designed By GG.
             La présente politique de confidentialité a pour but d’exposer aux utilisateurs du site :
diff --git a/Site Web/client/src/styles/_settings.scss b/Site Web/client/src/styles/_settings.scss
index b672ee98..a3808849 100644
--- a/Site Web/client/src/styles/_settings.scss	
+++ b/Site Web/client/src/styles/_settings.scss	
@@ -6,7 +6,7 @@ $color-3: #F4F9F9;
 $color-4: #AAAAAA;
 $color-5: #AABBCC;
 $color-6:  #5499c7  ;
-$color-7:  #1b4f72 ;
+$color-7:  #19104f ;
 $color-8: #FAFAFA;
 
 
diff --git a/Site Web/client/src/styles/component/_configurationDuProfil.scss b/Site Web/client/src/styles/component/_configurationDuProfil.scss
index 5b005c11..09324bd8 100644
--- a/Site Web/client/src/styles/component/_configurationDuProfil.scss	
+++ b/Site Web/client/src/styles/component/_configurationDuProfil.scss	
@@ -214,9 +214,11 @@ input{
 .buttonValidationChangements{
   position: relative;
   margin-top: 2%;
-
   border-radius: 20px;
-  min-width: 60px;
+  min-width: 80px;
+  background-color: $color-7;
+  color: white;
+  transition: all 1s;
 }
 
 
@@ -224,4 +226,6 @@ input{
   background: url("./../../assets/img/Photo-Video-Camera-icon.png");
 }
 
-
+.alignementText{
+  margin-bottom: 2%;
+}
diff --git a/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss b/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss
index f05690b9..07f4301e 100644
--- a/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss	
+++ b/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss	
@@ -1,15 +1,21 @@
 
 .PolitiqueDeConfidentialiteText{
   margin-top: 2%;
+  margin-left: 5%;
   text-indent: 1%;   
   text-align: justify;
   display: flex;
   justify-content: center;
+  background-color: $color-8;
+  border: 0.2px solid $color-5;
+  max-width:85% ;
+  min-width: 380px;
+  height: 550px;
+
   p{
-      max-width:85% ;
-      min-width: 380px;
       animation-duration: 2s;
       animation-name: slide;
+      margin: 1.5%;
       
         
         @keyframes slide {
diff --git a/Site Web/client/src/styles/pages/_configuration.scss b/Site Web/client/src/styles/pages/_configuration.scss
index dbf0f90d..b34538ea 100644
--- a/Site Web/client/src/styles/pages/_configuration.scss	
+++ b/Site Web/client/src/styles/pages/_configuration.scss	
@@ -50,6 +50,14 @@
     margin-top: 2%;
 }
 
+.buttonValidationChangements:hover{
+    min-width: 100px;
+    padding-right: 6%;
+  
+  
+  }
+  
+
 
 // body{
 //     background-color: gray;