From 43f441013dc84a40689ec7e351b96800c5061464 Mon Sep 17 00:00:00 2001
From: clverdoire <Clement.verdoire@etu.uca.fr>
Date: Sun, 11 Dec 2022 21:50:56 +0100
Subject: [PATCH] changement bouton page parametre

---
 src/pages/Parametres.js                |  4 +-
 src/styles/components/_calendrier.scss |  4 +-
 src/styles/components/_parametre.scss  | 80 ++++++++++++++------------
 src/styles/components/_repertoire.scss |  2 +-
 4 files changed, 47 insertions(+), 43 deletions(-)

diff --git a/src/pages/Parametres.js b/src/pages/Parametres.js
index cc82880..12a6e59 100644
--- a/src/pages/Parametres.js
+++ b/src/pages/Parametres.js
@@ -32,7 +32,7 @@ const Parametre = () => {
                     <div className="Parametre">
                         <div className="one">
                             <div className="one_haut">
-                                sécurité
+                                <p className="text_one_haut">Sécurité</p>
                             </div>
                             <div className="one_milieu">
                                 <p className="text_one_milieu">Signaler un problème</p>
@@ -49,7 +49,7 @@ const Parametre = () => {
                         </div>
                         <div className="two">
                             <div className="two_haut">
-                                Général
+                                <p className="text_two_haut">Général</p>
                             </div>
                             <div className="two_bas">
                                 <p className="text_two_bas">Mode sombre</p>
diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss
index 8ba5b94..bd00b20 100644
--- a/src/styles/components/_calendrier.scss
+++ b/src/styles/components/_calendrier.scss
@@ -1,5 +1,3 @@
-
-
 body {
     
     .page_calendrier {
@@ -48,7 +46,7 @@ body {
             flex-direction: row;
             justify-content: space-between;
             width: auto;
-            height: 86%;
+            height: 84%;
 
             .nav_bar_verticale {
                 display: flex;
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index bb7880e..6c99566 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -8,7 +8,7 @@ body {
         justify-content: space-evenly;
         width: auto;
         height: 100vh;
-    
+
         .haut_de_page {
             display: flex;
             flex-direction: row;
@@ -18,7 +18,7 @@ body {
             height: 10%;
             align-items: center;
             margin: 10px 10px 5px 10px;
-            
+
             background: rgba(255, 255, 255, 0.3);
             border-radius: 15px;
             box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
@@ -28,7 +28,7 @@ body {
             .titre {
                 font-size: 40px;
             }
-            
+
             .rechLogo {
                 display: flex;
                 flex-direction: row;
@@ -40,16 +40,16 @@ body {
                     width: 100px;
                     height: 100px;
                 }
-            }            
+            }
         }
-    
+
         .bas_de_page {
             display: flex;
             flex-direction: row;
             justify-content: space-between;
             width: auto;
             height: 86%;
-    
+
             .nav_bar_verticale {
                 display: flex;
                 flex-direction: column;
@@ -108,7 +108,7 @@ body {
                     border: none;
                     cursor: pointer;
 
-                    .logo_nav_bar{
+                    .logo_nav_bar {
                         display: flex;
                         margin: 10px;
                         height: 50px;
@@ -116,7 +116,7 @@ body {
                     }
                 }
             }
-    
+
             .Parametre {
                 display: flex;
                 flex-direction: column;
@@ -145,6 +145,11 @@ body {
                         justify-content: space-between;
                         height: 50%;
                         border-bottom: 1px solid black;
+
+                        .text_one_haut {
+                            font-size: 20px;
+                            font-weight: 700;
+                        }
                     }
 
                     .one_milieu {
@@ -161,21 +166,19 @@ body {
 
                         .bouton_submit {
                             display: flex;
-                            margin-left: 30px;
                             align-items: center;
                             cursor: pointer;
 
                             .bouton_signalerPB {
-                                width: 75px;
-                                height: 20px;
+                                width: 110px;
+                                height: 25px;
                                 background-color: rgb(190, 189, 189);
-                                border-radius: 5px;
-                                border-radius: 5px;
+                                border-radius: 20px;
                                 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
                                 cursor: pointer;
-    
-                                &:hover{
-                                    background-color: lightgrey; 
+
+                                &:hover {
+                                    background-color: lightgrey;
                                 }
                             }
                         }
@@ -194,22 +197,20 @@ body {
 
                         .bouton_submit {
                             display: flex;
-                            margin-left: 30px;
                             align-items: center;
                             text-decoration: none;
                             cursor: pointer;
 
                             .bouton_modifierMDP {
-                                width: 75px;
-                                height: 20px;
+                                width: 110px;
+                                height: 25px;
                                 background-color: rgb(190, 189, 189);
-                                border-radius: 5px;
-                                border-radius: 5px;
+                                border-radius: 20px;
                                 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
                                 cursor: pointer;
-    
-                                &:hover{
-                                    background-color: lightgrey; 
+
+                                &:hover {
+                                    background-color: lightgrey;
                                 }
                             }
                         }
@@ -233,8 +234,12 @@ body {
                     .two_haut {
                         display: flex;
                         height: 75%;
-                        
                         border-bottom: 1px solid black;
+
+                        .text_two_haut {
+                            font-size: 20px;
+                            font-weight: 700;
+                        }
                     }
 
                     .two_bas {
@@ -246,8 +251,8 @@ body {
                         .center {
                             position: absolute;
                             top: 84%;
-                            right: 0.5%;
-                            transform: translate(-50%,-50%);
+                            right: 2%;
+                            transform: translate(-50%, -50%);
 
                             input[type="checkbox"] {
                                 position: relative;
@@ -257,7 +262,7 @@ body {
                                 background-color: #e2e2e2;
                                 outline: none;
                                 border-radius: 20px;
-                                box-shadow: inset 0 0 5px rgba(0,0,0,.5);
+                                box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
                                 transition: .5s;
                                 cursor: pointer;
                             }
@@ -276,7 +281,7 @@ body {
                                 left: 10%;
                                 background-color: white;
                                 transform: scale(1.1);
-                                box-shadow: 0 2px 5px rgba(0,0,0,.2);
+                                box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
                                 transition: .5s;
                             }
 
@@ -302,6 +307,8 @@ body {
 
                     .text_three_haut {
                         display: flex;
+                        font-size: 20px;
+                        font-weight: 700;
                         margin: 10px;
                     }
 
@@ -312,7 +319,7 @@ body {
                         margin-left: 10px;
                         margin-right: 10px;
                         padding: 10px;
-                        
+
                         border-top: 1px solid black;
 
                         .text_three {
@@ -320,16 +327,15 @@ body {
                         }
 
                         .bouton {
-                            width: 100px;
-                            height: 20px;
+                            width: 110px;
+                            height: 25px;
                             background-color: rgb(190, 189, 189);
-                            border-radius: 5px;
-                            border-radius: 5px;
+                            border-radius: 20px;
                             box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
                             cursor: pointer;
 
-                            &:hover{
-                                background-color: lightgrey; 
+                            &:hover {
+                                background-color: lightgrey;
                             }
                         }
                     }
@@ -337,4 +343,4 @@ body {
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/src/styles/components/_repertoire.scss b/src/styles/components/_repertoire.scss
index 8ef8b6f..78846ac 100644
--- a/src/styles/components/_repertoire.scss
+++ b/src/styles/components/_repertoire.scss
@@ -88,7 +88,7 @@ body {
             flex-direction: row;
             justify-content: space-between;
             width: auto;
-            height: 86%;
+            height: 84%;
 
             .nav_bar_verticale {
                 display: flex;