add concerned parties in show activity page (2 contexts)

src/Bundle/ChillActivityBundle/Resources/public/scss/chillactivity.scss

@@ -8,3 +8,27 @@
 .activity {
     color: $chill-green;
 }
+
+// exceptions for flex-bloc in concerned-groups
+div.flex-bloc.concerned-groups {
+   margin-top: 1em;
+   div.item-bloc {
+      flex-grow: 0; flex-shrink: 0; flex-basis: 25%; //4 blocs
+      ul.list-content {
+         list-style-type: none;
+         padding-left: 0;
+         li {
+            a {
+               color: white;
+               cursor: pointer;
+               &:hover {
+                  color: #ffffffab;
+               }
+            }
+         }
+      }
+   }
+   &.person div.item-bloc {
+      flex-basis: 33%; //3 blocs
+   }
+}

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/PersonBadge.vue

@@ -1,8 +1,10 @@
 <template>
    <li>
       <span class="badge badge-primary" :title="person.text">
-         {{ textCutted }}
-         <a class="fa fa-times"
+         <span class="chill_denomination">
+            {{ textCutted }}
+         </span>
+         <a class="fa fa-fw fa-times"
             @click.prevent="$emit('remove', person)">
          </a>
       </span>