improve AccompanyingCourse ux design

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

@@ -2,7 +2,7 @@
   <div class="vue-component">
      <h2><a name="section-30"></a>{{ $t('social_issue.title') }}</h2>
      
-     <div>
+     <div class="my-4">
         <!--label for="selectIssues">{{ $t('social_issue.label') }}</label-->
         <VueMultiselect
             name="selectIssues"
@@ -55,6 +55,6 @@ export default {
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>
 <style lang="scss" scoped>
    div.vue-component > div {
-      margin: 3em;
+      //margin: 3em;
    }
 </style>