improve AccompanyingCourse ux design

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

@@ -3,8 +3,11 @@
   
    <h2><a name="section-50"></a>{{ $t('resources.title')}}</h2>
    
-   <label>{{ $tc('resources.counter', counter) }}</label>
-   <table class="rounded">
+   <div>
+      <label>{{ $tc('resources.counter', counter) }}</label>
+   </div>
+   
+   <table class="rounded" v-if="resources.length > 0">
       <thead>
          <tr>
             <th class="chill-orange">{{ $t('resources.text') }}</th>
@@ -22,14 +25,16 @@
       </tbody>
    </table>
    
-   <add-persons 
-     buttonTitle="resources.add_resources"
-     modalTitle="resources.add_resources"
-     v-bind:key="addPersons.key"
-     v-bind:options="addPersons.options"
-     @addNewPersons="addNewPersons"
-     ref="addPersons"> <!-- to cast child method -->
-   </add-persons>
+   <div>
+      <add-persons 
+        buttonTitle="resources.add_resources"
+        modalTitle="resources.add_resources"
+        v-bind:key="addPersons.key"
+        v-bind:options="addPersons.options"
+        @addNewPersons="addNewPersons"
+        ref="addPersons"> <!-- to cast child method -->
+      </add-persons>
+   </div>
 
 </div>
 </template>