From 802d3350ee20254411045b43fe1861db7489d8ea Mon Sep 17 00:00:00 2001
From: clverdoire <Clement.verdoire@etu.uca.fr>
Date: Thu, 17 Nov 2022 10:54:33 +0100
Subject: [PATCH] navigation FINI

---
 src/components/NavigationDashboard.js         |  4 --
 src/styles/components/_analyse.scss           | 11 +++--
 src/styles/components/_calendrier.scss        | 11 +++--
 src/styles/components/_compte.scss            | 11 +++--
 src/styles/components/_dashboard.scss         | 11 +++--
 src/styles/components/_parametre.scss         | 48 +++++++++++++++++--
 .../{repertoire.scss => _repertoire.scss}     | 13 ++---
 7 files changed, 74 insertions(+), 35 deletions(-)
 rename src/styles/components/{repertoire.scss => _repertoire.scss} (94%)

diff --git a/src/components/NavigationDashboard.js b/src/components/NavigationDashboard.js
index 2a60b1b..9b524ef 100644
--- a/src/components/NavigationDashboard.js
+++ b/src/components/NavigationDashboard.js
@@ -58,18 +58,14 @@ const NavigationDashboard = () => {
                     </button>
                 </NavLink>
                 <NavLink className="analyse" to="/Analyse">
-                    <div className="parti_two">
                         <button className="button" type="submit">
                             <ImageToggleOnMouseOver primaryImg={img3} secondaryImg={img31} alt="" />
                         </button>
-                    </div>
                 </NavLink>
                 <NavLink className="calendrier" to="/Calendrier">
-                    <div className="parti_two">
                         <button className="button" type="submit">
                             <ImageToggleOnMouseOver primaryImg={img4} secondaryImg={img41} alt="" />
                         </button>
-                    </div>
                 </NavLink>
             </div>
             <div className="parti_three">
diff --git a/src/styles/components/_analyse.scss b/src/styles/components/_analyse.scss
index 69cbe49..521cc50 100644
--- a/src/styles/components/_analyse.scss
+++ b/src/styles/components/_analyse.scss
@@ -110,16 +110,16 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -127,8 +127,9 @@ body {
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -137,7 +138,7 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {
diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss
index dcfe28e..673bfab 100644
--- a/src/styles/components/_calendrier.scss
+++ b/src/styles/components/_calendrier.scss
@@ -110,16 +110,16 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -127,8 +127,9 @@ body {
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -137,7 +138,7 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {
diff --git a/src/styles/components/_compte.scss b/src/styles/components/_compte.scss
index 0d2fdfa..5fc6c71 100644
--- a/src/styles/components/_compte.scss
+++ b/src/styles/components/_compte.scss
@@ -110,16 +110,16 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -127,8 +127,9 @@ body {
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -137,7 +138,7 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {
diff --git a/src/styles/components/_dashboard.scss b/src/styles/components/_dashboard.scss
index 9204ccb..b42db78 100644
--- a/src/styles/components/_dashboard.scss
+++ b/src/styles/components/_dashboard.scss
@@ -110,16 +110,16 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -127,8 +127,9 @@ body {
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -137,7 +138,7 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index 7765bef..8b1392d 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -112,16 +112,16 @@
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -129,8 +129,9 @@
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -139,7 +140,7 @@
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {
@@ -443,6 +444,43 @@
                 backdrop-filter: blur(3px);
                 -webkit-backdrop-filter: blur(15px);
 
+                .parti_one {
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-around;
+                    align-items: center;
+                    width: 100%;
+                    height: 18%;
+                }
+
+                .parti_two {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-around;
+                    align-items: center;
+                    width: 100%;
+                    height: 35%;
+                }
+
+                .parti_three {
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-around;
+                    align-items: center;
+                    margin-top: 15px;
+                    width: 100%;
+                    height: 18%;
+                }
+
+                .parti_four {
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-around;
+                    align-items: center;
+                    width: 100%;
+                    height: 18%;
+                }
+
                 .button {
                     display: flex;
                     object-fit: cover;
diff --git a/src/styles/components/repertoire.scss b/src/styles/components/_repertoire.scss
similarity index 94%
rename from src/styles/components/repertoire.scss
rename to src/styles/components/_repertoire.scss
index 299cdfb..ed83683 100644
--- a/src/styles/components/repertoire.scss
+++ b/src/styles/components/_repertoire.scss
@@ -93,7 +93,7 @@ body {
             .nav_bar_verticale {
                 display: flex;
                 flex-direction: column;
-                justify-content: space-around;
+                justify-content: space-evenly;
                 align-items: center;
                 width: 5%;
                 margin: 5px 5px 10px 10px;
@@ -110,16 +110,16 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_two {
                     display: flex;
                     flex-direction: column;
-                    justify-content: space-between;
+                    justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 30%;
+                    height: 35%;
                 }
 
                 .parti_three {
@@ -127,8 +127,9 @@ body {
                     flex-direction: row;
                     justify-content: space-around;
                     align-items: center;
+                    margin-top: 15px;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .parti_four {
@@ -137,7 +138,7 @@ body {
                     justify-content: space-around;
                     align-items: center;
                     width: 100%;
-                    height: 20%;
+                    height: 18%;
                 }
 
                 .button {