flex-table taken out of for-loop

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue

@@ -5,7 +5,7 @@
    <div>
       <label class="col-form-label">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
-
+<div class="flex-table mb-3">
    <participation-item
    v-for="participation in participations"
    v-bind:participation="participation"
@@ -13,7 +13,7 @@
    @remove="removeParticipation"
    @close="closeParticipation">
    </participation-item>
-   
+</div>   
    <!-- <table class="table table-bordered table-striped border-dark align-middle" v-if="participations.length > 0">
       <thead>
          <tr>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="flex-table mb-3">
+
    <person-render-box
       :options="{
                addInfo : true,
@@ -47,7 +47,7 @@
       </template>
 
    </person-render-box>
-</div>
+
 </template>