search page, content position

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

@@ -1,13 +1,13 @@
 <template>
    <banner></banner>
    <sticky-nav></sticky-nav>
-   
+
    <div class="row justify-content-end">
-      <div class="col-md-11">
-         
+      <div class="col-md-11 col-xxl">
+
          <h1 v-if="accompanyingCourse.step === 'DRAFT'">{{ $t('course.title.draft') }}</h1>
          <h1 v-else>{{ $t('course.title.active') }}</h1>
-         
+
          <persons-associated></persons-associated>
          <origin-demand></origin-demand>
          <requestor></requestor>
@@ -16,7 +16,7 @@
          <resources></resources>
          <comment v-if="accompanyingCourse.step === 'DRAFT'"></comment>
          <confirm v-if="accompanyingCourse.step === 'DRAFT'"></confirm>
-      
+
       </div>
    </div>
 </template>
@@ -36,11 +36,11 @@ import Confirm from './components/Confirm.vue';
 
 export default {
    name: 'App',
-   components: { 
+   components: {
       Banner,
       StickyNav,
       OriginDemand,
-      PersonsAssociated, 
+      PersonsAssociated,
       Requestor,
       SocialIssue,
       Referrer,
@@ -78,12 +78,12 @@ export default {
          }
          padding: 0em 0em;
          margin: 1em 0;
-         border: 1px dotted #718596ab; 
+         border: 1px dotted #718596ab;
          border-radius: 5px;
          border-left: 1px dotted #718596ab;
          border-right: 1px dotted #718596ab;
-         dd { 
-            margin-left: 1em; 
+         dd {
+            margin-left: 1em;
          }
          & > div {
             margin: 1em 3em 0;
@@ -91,6 +91,6 @@ export default {
          table {
          }
       }
-      
+
 }
 </style>

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 %}
 
 

src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig

@@ -79,9 +79,8 @@
                         </ul>
                         <ul class="record_actions">
                         <li>
-                            <a href="{{ path('chill_person_view', { 'person_id' : person.id }) }}" class="btn btn-chill-blue" />
-                                <i class="fa fa-folder-open-o"></i> {{ 'Open person file'|trans }}
-                            </a>
+                            <a href="{{ path('chill_person_view', { 'person_id' : person.id }) }}" class="btn btn-show"
+                                title="{{ 'Open person file'|trans }}" /></a>
                         </li>
                         <li>
                             <a href="{{ path('chill_person_accompanying_period_list', { 'person_id' : person.id }) }}" class="btn btn-chill-green" title="{{ 'See accompanying periods'|trans }}"/>