configuration avancement

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>

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>

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 :

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;
 
 

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%;
+}

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 {

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;