household members editor: make buttons visibles

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>

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

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