new architecture for member list yeah

src/page-circle-edit.pug

@@ -11,6 +11,8 @@
         )
         span ${await value.profile.city}
 
+  sib-widget(name='circle-delete-template')
+    template
       sib-delete(
         data-src="${await value['@id']}"
         data-label='Delete from circle'
@@ -37,13 +39,17 @@
   
   h3 List of members
 
-  div.table
+  div.table-header
     div.cell.un Name
     div.cell.deux Status
     
-  sib-display(
+  sib-display.table-body(
     bind-resources
-    fields='team'
+    fields='team, members'
+
     multiple-team=''
+    multiple-members=''
+
     widget-team='circle-team-template'
+    widget-members='circle-delete-template'
   )

src/styles/layout/circle-profile/circle-edit.scss

@@ -1,4 +1,4 @@
-.table {
+.table-header {
   background: $color-228-25-79;
   color: white;
   display: flex;
@@ -19,24 +19,34 @@
   }
 }
 
-circle-team-template {
+.table-body>div {
   display: flex;
   justify-content: space-between;
 
   >* {
     flex: 1;
     width: 50%;
-    padding: 1rem;
-    border-right: 1px solid $color-228-25-79;
-    border-bottom: 1px solid $color-228-25-79;
   }
 
-  >*:nth-child(even) {
+  /*>*:nth-child(even) {
     display: flex;
+  }*/
+
+  /*>*:nth-child(odd) {
+    border-left: 1px solid $color-228-25-79;
+  }*/
+
+  circle-team-template {
+    display: block;
+    border-bottom: 1px solid $color-228-25-79;
+    border-left: 1px solid $color-228-25-79;
   }
 
-  >*:nth-child(odd) {
+  circle-delete-template {
+    display: block;
+    border-bottom: 1px solid $color-228-25-79;
     border-left: 1px solid $color-228-25-79;
+    border-right: 1px solid $color-228-25-79;
   }
 }