improve AccompanyingCourse ux design

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

@@ -20,9 +20,11 @@
    
    <teleport to="#header-accompanying_course-name #banner-status">
       <div v-if="accompanyingCourse.step === 'DRAFT'">
-         <span class="badge badge-secondary">
-            {{ $t('course.step.draft') }}
-         </span>
+         <a href="#bottom">
+            <span class="badge badge-secondary">
+               {{ $t('course.step.draft') }}
+            </span>
+         </a>
       </div>
       <div v-else>
          <div>

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

@@ -8,17 +8,19 @@
       </div-->
       
       <div>
-         <div v-if="initialComment">
-            créé par {{ initialComment.creator.text }}
-            le {{ $d(initialComment.createdAt.datetime, 'long') }}
-            <div v-if="initialComment.updatedAt.datetime !== initialComment.createdAt.datetime">
-               modifié par {{ initialComment.updatedBy.text }}
-               le {{ $d(initialComment.updatedAt.datetime, 'long') }}
-            </div>
-         </div>
-         
          <form @submit.prevent="submitform">
+            
             <label for="content">{{ $t('comment.label') }}</label>
+            
+            <div v-if="initialComment">
+               créé par {{ initialComment.creator.text }}
+               le {{ $d(initialComment.createdAt.datetime, 'long') }}
+               <div v-if="initialComment.updatedAt.datetime !== initialComment.createdAt.datetime">
+                  modifié par {{ initialComment.updatedBy.text }}
+                  le {{ $d(initialComment.updatedAt.datetime, 'long') }}
+               </div>
+            </div>
+            
             <textarea 
                name="content" 
                v-bind:placeholder="$t('comment.content')"
@@ -27,6 +29,7 @@
                ckeditor="ckeditor"
                v-model="content">
             </textarea>
+            
             <ul class="record_actions">
                <li>
                   <button type="submit" class="sc-button bt-save">{{ $t('action.save') }}</button>
@@ -38,6 +41,7 @@
                   </a>
                </li>
             </ul>
+            
          </form>
       </div>