changement bouton page parametre

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>

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;

src/styles/components/_parametre.scss

@@ -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,16 +166,14 @@ 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;
 
@@ -194,17 +197,15 @@ 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;
 
@@ -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,7 +251,7 @@ body {
                         .center {
                             position: absolute;
                             top: 84%;
-                            right: 0.5%;
+                            right: 2%;
                             transform: translate(-50%, -50%);
 
                             input[type="checkbox"] {
@@ -302,6 +307,8 @@ body {
 
                     .text_three_haut {
                         display: flex;
+                        font-size: 20px;
+                        font-weight: 700;
                         margin: 10px;
                     }
 
@@ -320,11 +327,10 @@ 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;
 

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;