--allow-empty

src/pages/Stat/StatPage.jsx

@@ -3,7 +3,7 @@ import styles from "./StatPage.module.css";
 
 function StatPage() {
   const [months, setMonths] = useState(3);
-  const participationRate = 90;
+  const participationRate = 77;
 
   // les event incomplets
   const incompleteEvents = [
@@ -58,7 +58,7 @@ function StatPage() {
               cy="50"
               r="40"
               fill="none"
-              stroke="#4CAF50"
+              stroke="#07f60fff"
               strokeWidth="20"
               strokeDasharray={`${participationRate} 100`}
               transform="rotate(-90 50 50)"

src/pages/Stat/StatPage.module.css

@@ -64,6 +64,9 @@
 .rightBlock {
   width: 100%;
 }
+.rightBlock>h2{
+  font-size:29px;
+}
 
 .eventsContainer {
   display: flex;
@@ -72,13 +75,16 @@
   margin-top: 15px;
 }
 
+
 .eventCard {
   flex: 1;
   padding: 10px;
   text-align: center;
   padding-bottom:200px;
 }
-
+.eventCard>h3{
+  font-size: 24px;
+}
 .membersContainer {
   display: flex;
   flex-direction: column;
@@ -92,6 +98,11 @@
   align-items: center;
   padding: 10px;
 }
+.memberCard p{
+  font-weight: bold;
+  font-size: 20px;
+}
+
 
 .buttonGroup {
   display: flex;
@@ -99,7 +110,7 @@
 }
 
 .validateButton {
-  background-color: #4CAF50;
+  background-color: #15ef1c;
   color: white;
   border: none;
   padding: 5px 10px;
@@ -109,7 +120,7 @@
 }
 
 .rejectButton {
-  background-color: #f44336;
+  background-color: #ff1100;
   color: white;
   border: none;
   padding: 5px 10px;
@@ -150,6 +161,7 @@
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
+    
   }
 
   .buttonGroup {