[design proposal] adding a mixin to style social issue badge

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig

@@ -97,7 +97,7 @@
                                 <div class="wl-col list">
                                     {% for si in accompanying_period.socialIssues %}
                                         <p class="wl-item">
-                                            {{ si.title|localize_translatable_string }}
+                                            {{ si|chill_entity_render_box }}
                                         </p>
                                     {% endfor %}
                                 </div>

src/Bundle/ChillPersonBundle/Resources/views/Entity/social_issue.html.twig

@@ -1,6 +1,6 @@
 {% set reversed_parents = parents|reverse %}
 <span class="chill-entity entity-social-issue">
-  <span class="badge bg-chill-pink">
+  <span class="badge bg-chill-l-gray text-dark">
     {%- for p in reversed_parents %}
     <span class="parent-{{ loop.revindex0 }}">
       {{ p.title|localize_translatable_string }}{{ options['default.separator'] }}

src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig

@@ -1,7 +1,7 @@
 {%  macro button_person(person) %}
     <li>
-        <a href="{{ path('chill_person_accompanying_period_list', { 'person_id' : person.id }) }}"
-           class="btn btn-sm btn-outline-primary" title="{{ 'See accompanying periods'|trans }}"><i class="fa fa-random"></i></a>
+        <a href="{{ path('chill_person_accompanying_course_new') }}"
+           class="btn btn-sm btn-create change-icon" title="{{ 'Create an accompanying period'|trans }}"><i class="fa fa-random"></i></a>
     </li>
 {% endmacro %}