{# Rendu horizontal du champ composé de mappage des couleurs (ColorMappingType) #}
{% block pc_color_mapping_widget %}
    <div class="pc-color-mapping-row" style="display:flex; align-items:center; flex-wrap:wrap; gap:24px; max-width:820px;">
        <div class="pc-color-mapping-source" style="flex:1 1 300px; min-width:220px;">
            {{ form_widget(form.source) }}
        </div>
        <span class="pc-color-mapping-arrow" title="Mappage couleur" style="flex:0 0 auto; font-size:1.6em; line-height:1; color:#6c868e; letter-spacing:2px;">
            &#10230;
        </span>
        <div class="pc-color-mapping-dest" style="flex:1 1 300px; min-width:220px;">
            {{ form_widget(form.destination) }}
        </div>
    </div>
{% endblock %}
