From c6a3f59d87e328665f2bfd6434b752c221ee2b00 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Thu, 22 Jul 2021 11:55:46 +0200
Subject: [PATCH] household members editor: make buttons visibles

---
 .../components/Household.vue                       |  8 ++++----
 .../views/Household/members_editor.html.twig       | 14 +++++++++-----
 .../Resources/views/Household/summary.html.twig    |  7 +++++++
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
index 1f5267187..4c4929581 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
@@ -16,7 +16,7 @@
   <ul v-if="allowChangeHousehold" class="record_actions">
     <li v-if="!showHouseholdSuggestion">
       <button
-        class="btn"
+        class="btn btn-misc"
         @click="toggleHouseholdSuggestion"
       >
         {{ $tc('household_members_editor.show_household_suggestion', 
@@ -25,7 +25,7 @@
     </li>
     <li v-if="showHouseholdSuggestion">
       <button
-        class="btn"
+        class="btn btn-misc"
         @click="toggleHouseholdSuggestion"
       >
         {{ $t('household_members_editor.hide_household_suggestion') }}
@@ -37,7 +37,7 @@
       </button>
     </li>
     <li v-if="allowHouseholdSearch">
-      <button class="btn">
+      <button class="btn btn-misc">
         <i class="fa fa-search"></i>{{ $t('household_members_editor.household.search_household') }}
       </button>
     </li>
@@ -60,7 +60,7 @@
 
           <ul class="record_actions">
             <li>
-              <button class="btn" @click="selectHousehold(h)">
+              <button class="btn btn-misc" @click="selectHousehold(h)">
                 {{ $t('household_members_editor.select_household') }}
               </button>
             </li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
index e2bb5940e..5264b9d2c 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
@@ -4,12 +4,16 @@
 {% block title 'household.Edit household members'|trans  %}
 
 {% block content %}
-  <div class="col-12 parent">
-    <div class="col-10 push-1 parent">
-      <h1>{{ block('title') }}</h1>
-      <div id="household_members_editor"></div>
+<div class="household-members">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
+
+            <h1>{{ block('title') }}</h1>
+            <div id="household_members_editor"></div>
+
+        </div>
     </div>
-  </div>
+</div>
 {% endblock %}
 
 {% block js %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
index d8436b36a..3de96c1e8 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
@@ -3,6 +3,10 @@
 {% block title 'household.Household summary'|trans %}
 
 {% block content %}
+<div class="household-summary">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
+
 <h1>{{ block('title') }}</h1>
 
 <h2>{{ 'household.Current address'|trans }}</h2>
@@ -208,6 +212,9 @@
   </li>
 </ul>
 
+        </div>
+    </div>
+</div>
 {% endblock %}
 
 {% block js %}