improve croissance viz

src/components/ScrollyPage/ScrollyPage.scss

@@ -121,7 +121,7 @@
     > h3 {
       margin: 0;
       position: relative;
-      padding-top: $medium-gutter;
+      // padding-top: $medium-gutter;
       // top: -1em;
     }
     display: flex;

src/i18n/messages.yml

@@ -543,14 +543,14 @@ GuerreEtCroissance:
     fr: an
     en: year
   tooltip:
-    fr: En ${year}, valeur de ${value} lt. (perte de ${loss} lt.)
-    en: In ${year}, value of ${value} lt. (loss of ${loss} lt.)
+    fr: En ${year}, valeur de ${value} ${unit} (perte de ${loss} ${unit})
+    en: In ${year}, value of ${value} ${unit} (loss of ${loss} ${unit})
   filters-title:
     fr: Afficher ...
     en: Display ...
   filters-directions-title:
-    fr: "Afficher les directions :"
-    en: "Display directions:"
+    fr: "Directions des fermes"
+    en: "Directions des fermes"
   filters-series-title:
-    fr: "Afficher les séries :"
-    en: "Display series:"
+    fr: "Séries"
+    en: "Series"

src/styles/app.scss

@@ -95,10 +95,14 @@ input[type="radio"] {
   margin: 0;
   font: inherit;
   color: currentColor;
-  width: 1em;
-  height: 1em;
-  min-width: 1em;
-  min-height: 1em;
+  width: .5em;
+  height: .5em;
+  min-width: .5em;
+  min-height: .5em;
+  max-width: .5em;
+  max-height: .5em;
+  position: relative;
+  top: .25em;
   border: 0.15em solid currentColor;
   border-radius: 50%;
   transform: translateY(0.25em);
@@ -114,8 +118,8 @@ input[type="radio"] {
 
   &::before {
     content: "";
-    width: 0.65em;
-    height: 0.65em;
+    width: 0.3em;
+    height: 0.3em;
     border-radius: 50%;
     transform: scale(0);
     transition: 120ms transform ease-in-out;
@@ -124,10 +128,10 @@ input[type="radio"] {
   }
 
   &:checked{
-    background: red;
+    background: $color-accent-background;
     &::before {
       transform: scale(1);
-      background: red;
+      background: $color-accent-background;
     }
   }