wip

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

@@ -1,73 +1,26 @@
-/*.table {
-  display: table;
-  width: 100%;
-  
-  .row.header {
-    display: table-row;
-    
-    .cell {
-      display: table-cell;
-
-      &.un {
-        background: pink;
-      }
-
-      &.deux {
-        background: paleturquoise;
-      }
-    }
-  }
-}
-
-[widget='circle-team-template'] {
-
-  >div {
-    display: table;
-    width: 100%;
-
-    >circle-team-template {
-      display: table-row;
-
-      >* {
-        border-bottom: 1px solid $color-228-25-79;
-        border-left: 1px solid $color-228-25-79;
-      }
-
-      >sib-display {
-        display: table-cell;
-
-        div {
-          display: flex;
-          background: bisque;
-        }
-      }
-
-      sib-delete {
-        border-right: 1px solid $color-228-25-79;
-        display: table-cell;
-      }
-    }
-  }
-}*/
-
 .table {
+  background: $color-228-25-79;
+  color: white;
   display: flex;
   justify-content: space-around;
-  background: pink;
+  font-weight: 600;
+  font-size: 1.6rem;
 
   >*{
     flex: 1;
     width: 50%;
     padding: 1rem;
     border-right: 1px solid $color-228-25-79;
-    border-bottom: 1px solid $color-228-25-79;
+  }
+
+  >*:first-of-type {
+    border-right: 1px solid white;
   }
 }
 
 circle-team-template {
   display: flex;
   justify-content: space-between;
-  background: paleturquoise;
 
   >* {
     flex: 1;
@@ -76,4 +29,8 @@ circle-team-template {
     border-right: 1px solid $color-228-25-79;
     border-bottom: 1px solid $color-228-25-79;
   }
+
+  >*:nth-child(odd) {
+    border-left: 1px solid $color-228-25-79;
+  }
 }