css for project-edit added + refactoring

src/page-admin-projects-create.pug

@@ -32,8 +32,9 @@ div.content-box__info
     widget-fieldset-captain='hd-template-project-title'
 
 		label-customer='Customer'
-    class-customer='form-label is-light is-half-width'
+    class-customer='member-select form-label is-light is-half-width'
-    range-customer=`${endpoints.customers}`,
+    range-customer=`${endpoints.customers}`
+    widget-customer='sib-form-auto-completion'
 
 		label-name='Project\'s name*'
     class-name='form-label is-light is-half-width'

src/page-circle-edit.pug

@@ -41,7 +41,7 @@ div.content-box__info
   sib-ac-checker(permission='acl:Write', bind-resources)
     h1 Edit your circle
 
-    sib-form.block.circle-edit-form(
+    sib-form.block.form-edit(
       bind-resources
 
       fields='block-circle__info(name, owner), description'
@@ -65,7 +65,7 @@ div.content-box__info
   h2 Members list
 
   sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
-    sib-form.block.team-form(
+    sib-form.block.select-add-member(
       bind-resources 
       nested-field='members'
       fields='user'

src/page-project-edit.pug

@@ -10,12 +10,13 @@ div.content-box__info
 
   h1 Edit your project
 
-	sib-form.form-container.block(
+  sib-form.block.form-edit(
 	  bind-resources
 	
 	  fields='fieldset-info, block-project__info(customer, name, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee)'
 
-			class-customer='form-label is-light is-half-width'
+    class-customer='member-select form-label is-light is-half-width'
+    widget-customer='sib-form-auto-completion'
     class-name='form-label is-light is-half-width'
     class-description='form-label is-light is-full-width'
     label-fieldset-info=''
@@ -39,7 +40,7 @@ div.content-box__info
 
   h2 Members List
 
-	sib-form.block.team-form(
+  sib-form.block.select-add-member(
     bind-resources 
     nested-field='members'
     fields='user'

src/styles/base/form.scss

@@ -100,11 +100,13 @@
 
     /* CLASSES Peut-être à sortir de .content-box */
 
-    .block.team-form>form { /* circle-profile */
+    .block.select-add-member>form { /* circle-profile */
       display: flex;
       flex-direction: row;
+      margin-bottom: 2.6rem;
 
       label {
+        margin-top: 0;
 
         >.ss-main {
           font-weight: normal;
@@ -151,6 +153,23 @@
 		  margin-top: 2.7rem;
     }
     
+    .form-edit {
+
+      >form {
+
+        input[type='submit'] {
+          @extend .button,
+          .text-bold,
+          .text-uppercase,
+          .reversed,
+          .button-dark,
+          .bordered;
+          margin-left: auto;
+          margin-top: 3.2rem;
+        }
+      }
+    }
+
 		.form-label {
 		  /*flex: 1 1 auto;*/
 		  font-weight: 600;

src/styles/base/table.scss

@@ -2,6 +2,7 @@
 #circle-edit,
 #admin-circle-list,
 #admin-circle-create,
+#project-edit,
 #admin-project-list,
 #admin-project-create {
 

src/styles/layout/circle/_index.scss

@@ -1,4 +1,3 @@
 @import 'circle';
 @import 'circle-profile';
-@import 'circle-edit';
 @import 'circle-admin';

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

@@ -1,161 +0,0 @@
-#circle-edit {
-
-  .circle-edit-form>form {
-
-    input[type='submit'] {
-      @extend .button,
-      .text-bold,
-      .text-uppercase,
-      .reversed,
-      .button-dark,
-      .bordered;
-      margin-left: auto;
-      margin-top: 3.2rem;
-    }
-  }
-
-  /*.table-header {
-    background: $color-228-25-79;
-    color: white;
-    display: flex;
-    font-size: 1.6rem;
-    font-weight: 600;
-    justify-content: space-around;
-    text-align: center;
-
-    >*{
-      border-right: 1px solid white;
-      flex: 1;
-      padding: 1rem;
-      width: 50%;
-    }
-
-    >*:last-of-type {
-      border-right: 1px solid $color-228-25-79;
-
-      @media (max-width: 1220px) {
-        display: none;
-      }
-    }
-  }*/
-
-  /*.table-body div team-template-edit {
-    display: flex;
-    justify-content: space-between;
-
-    >* {
-      border-bottom: 1px solid $color-228-25-79;
-      flex: 1;
-      width: 50%;
-    }
-
-    sib-display {
-      border-left: 1px solid $color-228-25-79;
-      padding: 0 2.2rem;
-    }
-
-    sib-ac-checker {
-      align-items: center;
-      border-left: 1px solid $color-228-25-79;
-      border-right: 1px solid $color-228-25-79;
-      display: flex;
-      justify-content: flex-end;
-      padding: 2.7rem 2.2rem;
-
-      @media (max-width: 1220px) {
-        display: none;
-      } 
-    }
-  }*/
-
-  .member-select.color {
-
-    .ss-main {
-      color: $color-233-18-29;
-    }
-  }
-
-  /*sib-multiple[widget='team-template-edit'] {
-
-    label {
-      display: none;
-    }
-
-    >div>team-template-edit>sib-display>div {
-      display: grid;
-      grid-column-gap: 1.6rem;
-      grid-template-columns: 7vh auto;
-      grid-template-rows: repeat(2, 5.2vh);
-
-      >[name$='account.picture'] {
-        align-items: center;
-        align-self: center;
-        background-color: $color-213-20-91;
-        border-radius: 50%;
-        display: flex;
-        grid-column: 1 / span 1;
-        grid-row: 1 / span 2;
-        height: 7vh;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-        width: 7vh;
-
-        img {
-          background-color: white;
-          height: 100%;
-          left: 0;
-          object-fit: cover;
-          position: absolute;
-          top: 0;
-          width: 100%;
-        }
-
-        object {
-          height: 45%;
-          width: 45%;
-        }
-      }
-
-      >[name='sup'] {
-        align-self: end;
-        display: flex;
-        grid-column: 2 / span 1;
-        grid-row: 1 / span 1;
-        margin-bottom: 0.50rem;
-
-        [name$='name'] {
-          font-weight: 600;
-          margin-right: 1rem;
-        }
-
-        sib-multiple {
-          display: flex;
-
-          [name='groups'] {
-            @extend %tag-role;
-          }
-        }
-      }
-
-      >[name='sub'] {
-        align-self: start;
-        grid-column: 2 / span 1;
-        grid-row: 2 / span 1;
-        margin-top: 0.50rem;
-
-        >[name$='profile.city']:not(:empty) {
-          @include mdi('atom');
-          align-items: center;
-          display: flex;
-
-          &::before {
-            color: $color-43-100-50;
-            margin-right: 0.50rem;
-          }
-        }
-      }
-    }
-  }*/
-}
-

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

@@ -7,16 +7,7 @@
 
   .block {
 
-    >form { /* peut-être à mettre dans main.scss */
-      margin-bottom: 2.6rem;
-
-      .form-label.is-dark>label {
-        margin-top: 0;
-      }
-    }
-
      /* peut-être à mettre dans main.scss */
-
     circle-team-template>sib-display>div {
       display: grid;
       grid-column-gap: 1.6rem;