adding content classes + divers

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

@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="accompanyingcourse-index">
+<div class="accompanying_course-index">
     <div class="row justify-content-center">
         <div class="col-md-10 col-xxl">
 
@@ -29,7 +29,7 @@
          </div>
          <ul class="record_actions">
            <li>
-            <button class="btn btn-primary" data-bs-toggle="collapse" href="#withoutHouseholdList">
+            <button class="btn btn-create" data-bs-toggle="collapse" href="#withoutHouseholdList">
               {{ 'Add to household now'|trans }}
             </button>
            </li>

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/create.html.twig

@@ -4,10 +4,17 @@
 
 
 {% block content %}
-  <h1>{{ block('title') }}</h1>
+<div class="accompanying_course_work-create">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
-  <div id="accompanying_course_work_create"></div>
+            <h1>{{ block('title') }}</h1>
 
+            <div id="accompanying_course_work_create"></div>
+
+        </div>
+    </div>
+</div>
 {% endblock %}
 
 {% block js %}

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/edit.html.twig

@@ -4,10 +4,17 @@
 
 
 {% block content %}
-  <h1>{{ block('title') }}</h1>
+<div class="accompanying_course_work-edit">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
-  <div id="accompanying_course_work_edit"></div>
+            <h1>{{ block('title') }}</h1>
 
+            <div id="accompanying_course_work_edit"></div>
+
+        </div>
+    </div>
+</div>
 {% endblock %}
 
 {% block js %}

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_by_accompanying_period.html.twig

@@ -4,9 +4,13 @@
 
 
 {% block content %}
+<div class="accompanying_course_work-list">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
+
   <h1>{{ block('title') }}</h1>
 
-  <div id="accompanying_course_work_list">
+
     {% for w in works %}
       <div class="item">
         <div class="title">
@@ -104,7 +108,7 @@
     {% else %}
       <p class="chill-no-data-statement">{{ 'accompanying_course_work.Any work'|trans }}</p>
     {% endfor %}
-   </div>
+
 
   <ul class="record_actions sticky-form-buttons">
     <li>
@@ -115,6 +119,7 @@
     </li>
   </ul>
 
+</div></div></div>
 {% endblock %}
 
 

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig

@@ -103,7 +103,11 @@
                 <ul class="record_actions">
                     {# TODO if enable_accompanying_course_with_multiple_persons is true ... #}
                     <li>
-                        <a href="{{ path('chill_person_accompanying_course_index', { 'accompanying_period_id': accompanying_period.id }) }}" class="btn btn-show"></a>
+                        <a href="{{ path('chill_person_accompanying_course_index', { 'accompanying_period_id': accompanying_period.id }) }}"
+                           class="btn btn-primary" title="{{ 'See accompanying period'|trans }}">
+                            <i class="fa fa-random"></i>
+                            {{ 'See this period'|trans }}
+                        </a>
                     </li>
                     {#
                     <li>

src/Bundle/ChillPersonBundle/Resources/views/Household/accompanying_period.html.twig

@@ -3,23 +3,30 @@
 {% block title 'Household accompanying period'|trans %}
 
 {% block content %}
-<h1>{{ block('title') }}</h1>
+<div class="household-members">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
-{% include 'ChillPersonBundle:AccompanyingPeriod:_list.html.twig' %}
+            <h1>{{ block('title') }}</h1>
 
-<div class="form_control">
-    <ul class="record_actions">
-        <li class="cancel">
-            <a href="{{ path ('chill_person_household_summary', {'household_id' : household.id } ) }}" class="btn btn-cancel">
-                {{ 'Household summary'|trans }}
-            </a>
-        </li>
-        {#<li>
-            <a href="{{ path ('chill_person_household_accompanying_course_new', {'household_id' : [ household.id ] } ) }}" class="btn btn-create">
-              {{ 'Create an accompanying period'|trans }}
-            </a>
-        </li>#}
-    </ul>
+            {% include 'ChillPersonBundle:AccompanyingPeriod:_list.html.twig' %}
+
+            <div class="form_control">
+                <ul class="record_actions">
+                    <li class="cancel">
+                        <a href="{{ path ('chill_person_household_summary', {'household_id' : household.id } ) }}" class="btn btn-cancel">
+                            {{ 'Household summary'|trans }}
+                        </a>
+                    </li>
+                    {#<li>
+                        <a href="{{ path ('chill_person_household_accompanying_course_new', {'household_id' : [ household.id ] } ) }}" class="btn btn-create">
+                          {{ 'Create an accompanying period'|trans }}
+                        </a>
+                    </li>#}
+                </ul>
+            </div>
+
+        </div>
+    </div>
 </div>
-
 {% endblock %}

src/Bundle/ChillPersonBundle/Resources/views/Household/addresses.html.twig

@@ -3,6 +3,10 @@
 {% block title 'Addresses history for household'|trans %}
 
 {% block content %}
+<div class="household-address">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
+
 <h1>{{ block('title') }}</h1>
 
 <div class="address-timeline grid">
@@ -66,4 +70,7 @@
     </li>
 </ul>
 
+        </div>
+    </div>
+</div>
 {% endblock %}

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

@@ -80,11 +80,12 @@
                         <ul class="record_actions">
                         <li>
                             <a href="{{ path('chill_person_view', { 'person_id' : person.id }) }}" class="btn btn-show"
-                                title="{{ 'Open person file'|trans }}" /></a>
+                                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 }}"/>
-                            <i class="fa fa-random"></i></a>
+                            <a href="{{ path('chill_person_accompanying_period_list', { 'person_id' : person.id }) }}"
+                               class="btn btn-primary" title="{{ 'See accompanying periods'|trans }}">
+                                <i class="fa fa-random"></i></a>
                         </li>
                     </ul>
                     </div>
@@ -107,7 +108,7 @@
                         <div class="header">
                             <a href="{{ path('chill_person_accompanying_course_index', { 'accompanying_period_id': app.accompanyingPeriod.id }) }}" 
                                 class="btn btn-chill-green" title="{{ 'See accompanying period'|trans }}">
-                                <i class="fa fa-fw fa-random"></i>
+                                <i class="fa fa-random"></i>
                             </a>
                             <span>{{ 'Since %date%'|trans({'%date%': app.startDate|format_date('medium') }) }}</span>
                             {% if app.accompanyingPeriod.user is not null %}