corrections css for svg

public/css/days.css

@@ -133,6 +133,7 @@
     justify-content: center;
     align-items: center;
     display: flex;
+    
     padding:5vw;
 }
 

public/css/fastest.css

@@ -12,6 +12,10 @@
     height:50%;
 }
 
+.sport-2 svg {
+    fill:white;
+}
+
 .sport-2 {
     background-color : #002E51;
     height:50%;
@@ -52,12 +56,6 @@
     padding-top : 2vh;
 }
 
-
-
-.sport-1 img {
-    stroke:black;
-}
-
 .moyenne {
     height:12vh;
     background-color: #495227;
@@ -68,6 +66,10 @@
     padding: 0 5vw 0 5vw;
 }
 
+.moyenne svg {
+    fill:white;
+}
+
 .sport-moyenne {
     display:flex;
     flex-direction: row;
@@ -75,6 +77,7 @@
 
 .sport-2-moyenne {
     text-align: end;
+    flex-direction: row-reverse;
 }
 
 .icone-moyenne {

public/css/recap.css

@@ -55,7 +55,7 @@
     background-color: #002E51;
     color:white;
     display:flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
     justify-content: center;
 }
 

public/recap.js

@@ -39,4 +39,4 @@ document.querySelector('.denivele .nombre-md').innerHTML = totals.total.climb.to
 document.querySelector('.distance .nombre-md').innerHTML = (totals.total.distance/1000).toFixed(0);
 document.querySelector('.heures .nombre-md').innerHTML = (totals.total.hours).toFixed(0);
 
-setIcon('.top-sport h2', sportsArray[0], languages.fr[sportsArray[0]] || sportsArray[0])
+setIcon('.top-sport', sportsArray[0], languages.fr[sportsArray[0]] || sportsArray[0])