largeur de la liste étapes

web/themes/custom/caravane/assets/scss/main.scss

@@ -581,6 +581,9 @@ body{
                 opacity: 1;
                 display: block;
                 transition: all 0.3s ease-out;
+                @media screen and (min-width: $desktop-min-width) {
+                  max-width: 30vw;
+                }
                 &.retracted {
                   opacity: 0;
                 }
@@ -635,7 +638,7 @@ body{
                         font-family: 'Joost', sans-serif;
                         font-weight: lighter;
                         font-size: $m-font-size-mobile;
-                        align-self: end;
+                        align-self: center;
                         @media screen and (min-width: $desktop-min-width) {
                           font-size: $m-font-size-desktop;
                         }

web/themes/custom/caravane/templates/views-view-field--block-1--etape-list.html.twig

@@ -20,12 +20,16 @@
  * @ingroup themeable
  */
 #}
-{% if output|length == 5 
+{% if output|length == 5
     and output|replace(
         {'0':'', '1':'', '2':'', '3':'', '4':'', '5':'', '6':'', '7':'', '8':'', '9':''}
-    ) == '' 
+    ) == ''
 %}
   <p>{{- output|slice(0, 2) -}}</p>
 {% else %}
-  <p>{{- output -}}</p>
+  {% set split_output = output|split('>') %}
+  <p>
+    {{- split_output[0]|raw -}}>
+    {{- split_output[1]|default('')|replace({'-': '‑'})|raw -}}>
+  </p>
 {% endif %}