improve AccompanyingCourse ux design

src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss

@@ -13,9 +13,9 @@
 div#header-accompanying_course-name {
   background: none repeat scroll 0 0 #718596;
   color: #FFF;
-  padding-top: 1em;
-  padding-bottom: 1em;
-
+  h1 {
+    margin: 0.4em 0;       
+  }
   span {
     a {
       color: white;
@@ -54,3 +54,10 @@ div.subheader {
    color: grey;
    margin-right: 1em;
 }
+
+table {
+   ul.record_actions {
+      margin: 0;
+      padding: 0.5em;
+   }
+}

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

@@ -44,6 +44,7 @@ export default {
 </script>
 
 <style lang="scss">
+   div#accompanying-course {
       h1 {
          margin: 1.5em 0;
       }
@@ -91,4 +92,5 @@ export default {
          table {
          }
       }
+}
 </style>

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'">
+         <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,6 +8,10 @@
       </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') }}
@@ -17,8 +21,6 @@
                </div>
             </div>
             
-         <form @submit.prevent="submitform">
-            <label for="content">{{ $t('comment.label') }}</label>
             <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>