household render box flex table

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue

@@ -2,8 +2,12 @@
   <h2>{{ $t('household_members_editor.household_part') }}</h2>
 
   <div v-if="hasHousehold">
-    <div>
-      <household-render-box :household="household"></household-render-box>
+    <div class="flex-table">
+       <div class="item-bloc">
+
+          <household-render-box :household="household" isMultiline="true">
+          </household-render-box>
+       </div>
     </div>
     <div v-if="isHouseholdNew && !hasHouseholdAddress">
 
@@ -95,9 +99,12 @@
 
   <div class="householdSuggestions">
     <div v-if="showHouseholdSuggestion && hasHouseholdSuggestion">
+
+      <h2 >Suggestions</h2>
       <p>{{ $t('household_members_editor.household_for_participants_accompanying_period') }}:</p>
       <div class="flex-table householdSuggestionList">
-        <div v-for="h in filterHouseholdSuggestionByAccompanyingPeriod"
+
+         <div v-for="h in filterHouseholdSuggestionByAccompanyingPeriod"
           class="item-bloc">
 
           <household-render-box :household="h"></household-render-box>
@@ -109,7 +116,8 @@
               </button>
             </li>
           </ul>
-        </div >
+        </div>
+
       </div>
     </div>
   </div>
@@ -237,6 +245,7 @@ export default {
 
 <style lang="scss">
 
+div#household_members_editor div,
 div.householdSuggestionList {
    &.flex-table div.item-bloc div.item-row div.item-col {
       &:first-child {