hop

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

@@ -96,11 +96,10 @@
   <div class="householdSuggestions">
     <div v-if="showHouseholdSuggestion && hasHouseholdSuggestion">
       <p>{{ $t('household_members_editor.household_for_participants_accompanying_period') }}:</p>
-      <div class="householdSuggestionList">
-        <div
-          v-for="h in filterHouseholdSuggestionByAccompanyingPeriod"
-          class="item"
-        >
+      <div class="flex-table householdSuggestionList">
+        <div v-for="h in filterHouseholdSuggestionByAccompanyingPeriod"
+          class="item-bloc">
+
           <household-render-box :household="h"></household-render-box>
 
           <ul class="record_actions">
@@ -117,43 +116,7 @@
 
 </template>
 
-<style lang="scss">
-
-div.householdAddressSuggestionList {
-  /*
-  display: flex;
-  list-style-type: none;
-  padding: 0;
-
-   */
-
-  & > li {
-
-  }
-}
-
-.householdSuggestionList {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-
-  & > .item {
-    margin-bottom: 0.8rem;
-    width: calc(50% - 1rem);
-    border: 1px solid var(--chill-light-gray);
-    padding: 0.5rem 0.5rem 0 0.5rem;
-
-    ul.record_actions {
-      margin-bottom: 0;
-    }
-  }
-}
-
-</style>
-
 <script>
-
 import { mapGetters, mapState } from 'vuex';
 import HouseholdRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/HouseholdRenderBox.vue';
 import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
@@ -272,3 +235,29 @@ export default {
 };
 
 </script>
+
+<style lang="scss">
+/*
+div.householdAddressSuggestionList {
+  display: flex;
+  list-style-type: none;
+  padding: 0;
+  & > li {}
+}
+.householdSuggestionList {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  & > .item {
+    margin-bottom: 0.8rem;
+    width: calc(50% - 1rem);
+    border: 1px solid var(--chill-light-gray);
+    padding: 0.5rem 0.5rem 0 0.5rem;
+    ul.record_actions {
+      margin-bottom: 0;
+    }
+  }
+}
+*/
+</style>