search page, content position

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig

@@ -7,6 +7,9 @@
 {% endblock %}
 
 {% block content %}
+<div class="accompanyingcourse-index">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
     {% if 'DRAFT' == accompanyingCourse.step %}
         <div class="col-8 centered error flash_message">
@@ -62,6 +65,7 @@
     {% endif %}
 
     <h2>{{ 'Associated peoples'|trans }}</h2>
+
     <div class="flex-table">
     {% for p in accompanyingCourse.participations %}
         {% if p.enddate is null %}
@@ -334,7 +338,7 @@
         <div class="actions">
           <ul class="record_actions">
             <li>
-              <a 
+              <a
                 class="btn btn-edit"
                 href="{{ chill_path_add_return_path('chill_person_accompanying_period_work_edit', { 'id': w.id }) }}">{{ 'Edit'|trans }}</a>
             </li>
@@ -342,11 +346,10 @@
         </div>
       </div>
       {% else %}
-        <p class="chill-no-data-statement">{{ 'accompanying_course_work.Any work'|trans }}</p>    
+        <p class="chill-no-data-statement">{{ 'accompanying_course_work.Any work'|trans }}</p>
       {% endfor %}
     </div>
 
-
     {% block contentActivity %}
         {% set person = null %}
         {% include 'ChillActivityBundle:Activity:list.html.twig' with {'context': 'accompanyingCourse', 'context': 'accompanyingCourse'} %}
@@ -354,6 +357,10 @@
 
     {#  ==> insert accompanyingCourse vue component  #}
     <div id="accompanying-course"></div>
+
+        </div>
+    </div>
+</div>
 {% endblock %}