Propose modification du graphisme pour harmoniser avec le nom de la variable affichée

src/lib/components/test_cases/TestCaseView.svelte

@@ -247,18 +247,18 @@
         </div>
       </div>
       {#if variableSummaryByName !== undefined && slider !== undefined}
-        <div class="flex gap-x-2 items-baseline">
+        <div class="flex items-baseline">
           <!-- TODO: Use a <select> to choose current slider. -->
           <span class="font-light text-sm">
             {variableSummaryByName[slider.name].ux_name ??
-              variableSummaryByName[slider.name].label} /an :
+              variableSummaryByName[slider.name].label} /an
           </span>
           <ul class="flex-shrink-0">
             {#each Object.entries(sliderEntitySituation ?? {}).sort( ([populationId1], [populationId2]) => populationId1.localeCompare(populationId2), ) as [populationId, population]}
               {#if populationId === slider.id || getVariableValue(situation, slider.name, populationId) !== 0}
                 <li>
-                  <span class="text-xs text-gray-500">
-                    {population.name ?? populationId}
+                  <span class="font-light text-sm mx-1">
+                    {population.name ?? populationId}&nbsp;:
                   </span>
                   <span
                     >{euroAmountFormatter.format(