applying floatbutton logic on person/thirdparty vue renderbox

src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss

@@ -260,6 +260,8 @@ div.wrap-header {
 
 /*
 *  FLOATBUTTON
+*  pas convaincant:
+*    conflits avec les fa-ul > li, lien non cliquables, text qui ne se place pas correctement
 */
 
 div.floatbutton {
@@ -302,6 +304,6 @@ div.floatbutton {
 
     // avoid a position relative that make links unclickable
     .fa-ul > li {
-        position: initial;
+        //position: initial; // in conflict with picto fa-ul !!
     }
 }

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js

@@ -43,7 +43,7 @@ const appMessages = {
          add_persons: "Ajouter des usagers",
          date_start_to_end: "Participation du {start} au {end}",
          leave_course: "L'usager quitte le parcours",
-         show_household_number: "Voir le ménage n° {id}",
+         show_household_number: "Voir le ménage (n° {id})",
          show_household: "Voir le ménage"
       },
       requestor: {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue

@@ -41,6 +41,11 @@
         </div>
 
         <div class="item-col">
+           <div class="floatbutton bottom">
+              <div class="box">
+                 <div class="action">
+                    <slot name="record-actions"></slot>
+                 </div>
                  <ul class="list-content fa-ul">
 
                     <li v-if="person.current_household_address">
@@ -87,8 +92,8 @@
                     <slot name="custom-zone"></slot>
 
                  </ul>
-
+              </div>
-            <slot name="record-actions"></slot>
+           </div>
         </div>
 
       </div>

src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue

@@ -32,6 +32,11 @@
         </div>
 
         <div class="item-col">
+           <div class="floatbutton bottom">
+              <div class="box">
+                 <div class="action">
+                    <slot name="record-actions"></slot>
+                 </div>
                  <ul class="list-content fa-ul">
                     <li v-if="thirdparty.address">
                        <i class="fa fa-li fa-map-marker"></i>
@@ -45,10 +50,10 @@
                        <i class="fa fa-li fa-envelope-o"></i>
                        <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
                     </li>
-
                  </ul>
+              </div>
+           </div>
 
-            <slot name="record-actions"></slot>
         </div>
     </div>
     </section>