reorganise flex-table assets, improve search results, and accompanyingPeriods list

src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss

@@ -115,6 +115,12 @@ div.banner {
     }
 }
 
+abbr.referrer {
+    font-size: 70%;
+    padding-right: 0.4em;
+    align-self: center; // in flex context
+}
+
 /*
  *  HOUSEHOLD CONTEXT
  *  Header custom for Household

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/person_with_period.scss

@@ -1,8 +1,50 @@
 
-///
-div.list-with-period, div.list-household-members {
+/// Search Page  (list_with_period.html.twig)
+div.list-with-period {
 
-   div.periods {
+   // override wrap-list
+   div.wrap-list.periods-list {
+      div.wl-row {
+         flex-wrap: nowrap;
+         div.wl-col {
+            &.title {
+               width: 36%;
+               @include media-breakpoint-up(md) {
+                  margin-left: 0;
+               }
+            }
+            &.list {
+               display: flex;
+               flex-wrap: wrap; //
+               margin: unset;
+            }
+         }
+         @include media-breakpoint-down(sm) {
+            flex-wrap: wrap;
+            div.wl-col {
+               &.title, &.list {
+                  width: 100%;
+               }
+               &.title {
+                  text-align: left;
+                  div {
+                     display: inline-block;
+                  }
+               }
+            }
+         }
+      }
+   }
+   div.periods-list {
+      div.title {
+         text-align: right;
+         div.date {}
+         div.user {}
+      }
+   }
+
+
+      /*
       div.header,
       div.list-content {
          width: calc(100% - 40px);
@@ -21,9 +63,6 @@ div.list-with-period, div.list-household-members {
                padding: 5px;
             }
          }
-         abbr.referrer {
-            font-size: 70%;
-         }
          span.user {
             margin-left: 1em;
          }
@@ -33,8 +72,24 @@ div.list-with-period, div.list-household-members {
             font-style: italic;
          }
       }
+      */
+}
+
+/// TODO
+
+/// dans householdmembereditor/Concerned.vue
+div.positions {
+   div.list-household-members {
+      div.participation-details {}
    }
 }
 
+/// dans householdmembereditor/Concerned.vue et dans household/summary
+div.list-household-members {
+   div.move_to {
+      p.move_hint {}
+   }
+   div.comment {}
+}
 
 

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss

@@ -1,8 +1,18 @@
-section.chill-entity {
+/// CHILL ENTITY RENDER BOX
+.chill-entity {
+
+    /// PERSON
     &.entity-person {
         span.firstname,
         span.lastname,
         span.altname {}
     }
+
+    /// SOCIAL-ISSUE
+    &.entity-social-issue {
+        margin-right: 0.3em;
+    }
 }
 
+
+