refonte de la section tests

public/css/progress.css

@@ -0,0 +1,29 @@
+@import "compass/css3";
+
+.status.open:before {
+    background-color: #94E185;
+    border-color: #78D965;
+    box-shadow: 0px 0px 4px 1px #94E185;
+    display: flex;
+}
+
+.status.in-progress:before {
+    background-color: #FFC182;
+    border-color: #FFB161;
+    box-shadow: 0px 0px 4px 1px #FFC182;
+}
+
+.status.dead:before {
+    background-color: #C9404D;
+    border-color: #C42C3B;
+    box-shadow: 0px 0px 4px 1px #C9404D;
+}
+
+.status:before {
+    content: ' ';
+    display: flex;
+    width: 5px;
+    height: 10px;    
+    border: 2px solid rgb(4, 52, 8);
+    border-radius: 3px;
+}

public/css/styles.css

@@ -1,5 +1,30 @@
+/*//////////////////////////////////////////////////////////////////
+[ FONT ]*/
+
+@font-face {
+  font-family: Poppins-Regular;
+  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-Medium;
+  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-Bold;
+  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
+}
+
+@font-face {
+  font-family: Poppins-SemiBold;
+  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
+}
+
+
 body {
   margin: 0;
+  font-family: Poppins-Regular, sans-serif;
 }
 
 *,
@@ -8,6 +33,18 @@ body {
   box-sizing: border-box;
 }
 
+a {
+	font-family: Poppins-Regular;
+	font-size: 14px;
+	line-height: 1.7;
+	color: #666666;
+	margin: 0px;
+	transition: all 0.4s;
+	-webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+}
+
 :root {
   --accent-color: #0053b8;
   --lightest-gray: rgb(244, 244, 244);
@@ -209,7 +246,7 @@ body {
 .sidebar-link {
   display: flex;
   width: 100%;
-  padding: 0.7rem 0;
+  padding: 0.5rem 0;
   color: var(--light-gray);
   text-decoration: none;
   align-items: center;
@@ -246,7 +283,7 @@ body {
 
 .your-channel {
   color: var(--dark-gray);
-  font-size: 0.75rem;
+  font-size: 1.5rem;
   font-weight: bold;
   margin-bottom: 0.15rem;
   margin-top: 0.5rem;
@@ -254,7 +291,7 @@ body {
 
 .channel-name {
   color: var(--medium-gray);
-  font-size: 0.75rem;
+  font-size: 1.0rem;
 }
 
 .sidebar .top-sidebar {
@@ -263,7 +300,7 @@ body {
 }
 
 .sidebar.open .top-sidebar {
-  height: 125px;
+  height: 140px;
 }
 
 .sidebar .top-sidebar .hidden-sidebar {
@@ -276,7 +313,7 @@ body {
 }
 
 .scrollbar-primary::-webkit-scrollbar {
-  width: 12px;
+  width: 6px;
   background-color: #F5F5F5;
 }
 
@@ -386,4 +423,8 @@ body {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   background-color: #aa66cc;
-}
+}
+
+.fancytree-container {
+  outline: none;
+}