update: label for form reviewed + class added for input

src/styles/base/form.scss

@@ -1,16 +1,11 @@
-
-.content-box {
-  
-  &.with-form {
-    
-    form {
+form {
   display: flex;
   flex-direction: column;
   margin-left: -3.4rem;
   transition: all .3s ease;
-    }
+}
 
-    .button-register>form>input[type=submit] {
+.button-register>form>input[type=submit] {
   @extend .button,
   .text-bold,
   .text-uppercase,
@@ -19,9 +14,9 @@
   .bordered;
   margin-left: auto;
   margin-top: 3.2rem;
-    }
+}
 
-    .fieldset {
+.fieldset {
   border-bottom: 1px solid var(--color-fieldset-border);
   color: var(--color-title);
   display: flex;
@@ -30,9 +25,9 @@
   font-weight: 600;
   margin: 2.6rem 0 1.8rem;
   padding-bottom: 0.8rem;
-    }
+}
 
-    .form-label {
+.form-label {
   /*flex: 1 1 auto;*/
   font-weight: 600;
 
@@ -45,22 +40,22 @@
       margin-bottom: 0.8rem;
     }
   }
-    }
+}
 
-    .is-full-width {
+.is-full-width {
   box-sizing: border-box;
   flex: 1 1 100%;
   padding-left: 3.4rem;
-    }
+}
 
-    .is-half-width {
+.is-half-width {
   box-sizing: border-box;
   flex: 0 0 50%;
   padding-left: 3.4rem;
-    }
+}
 
-    input:not([type='file']):not([type='search']):not([type='submit']),
-    textarea {
+input:not([type='file']):not([type='search']):not([type='submit']),
+textarea {
   -webkit-tap-highlight-color: var(--color-grey-7);
   background-color: var(--color-input-background);
   box-sizing: border-box;
@@ -75,11 +70,15 @@
   &:active {
     border-bottom: 2px solid var(--color-input-active);
   }
-    }
+}
 
-    textarea {
+textarea {
   height: 100px;
-    }
+}
+
+.content-box {
+
+  &.with-form {
 
     sib-set-default:not([name='user-thumb']) {
 			clear: both;
@@ -156,35 +155,8 @@
       }
     }
 
-<<<<<<< HEAD
     hubl-status {
       align-self: auto;
-=======
-    /* Additional styles for the select to add a member in circle-edit */
-    .block.select-add>form {
-      display: flex;
-      flex-direction: row;
-      margin-bottom: 2.6rem;
-
-      label {
-        margin-top: 0;
-      }
-
-      .ss-main {
-        min-width: 35vw;
-      }
-
-      input[type='submit'] {
-        @extend .button,
-        .btn-margin-left,
-        .text-bold,
-        .text-uppercase,
-        .button-complementary,
-        .bordered;
-        margin-top: auto;
-        margin-bottom: auto;
-      }
->>>>>>> 50b15bd... update: clean-up form css
     }
 
     sib-form-date {

src/views/admin/page-admin-circles-create.pug

@@ -11,9 +11,14 @@ div.content-box__info
     label-status='Statut du canal'
     widget-status='hubl-status'
 
+<<<<<<< HEAD
     class-name='form-label is-light is-full-width'
     class-description='form-label is-light is-full-width'
       class-status='form-label is-light is-full-width member-select color'
+=======
+    class-name='form-label is-light is-full-width input-text-like'
+    class-description='form-label is-light is-full-width input-text-like'
+>>>>>>> 013eeda... update: label for form reviewed + class added for input
 
     label-name='Nom du canal *'
     label-description='Sous-titre du canal *'

src/views/admin/page-admin-projects-create.pug

@@ -37,17 +37,17 @@ div.content-box__info
     widget-customer='sib-form-auto-completion'
 
 		label-name='Nom du projet*'
-    class-name='form-label is-light is-half-width'
+    class-name='form-label is-light is-half-width input-text-like'
 
 		label-project.description='Description du projet'
-    class-project.description='form-label is-light is-full-width'
+    class-project.description='form-label is-light is-full-width input-text-like'
     widget-project.description='sib-form-textarea'
 
 		label-businessProvider.name='Apporteur d\'affaire*'
-    class-businessProvider.name='form-label is-light is-half-width'
+    class-businessProvider.name='form-label is-light is-half-width input-text-like'
 
 		label-businessProvider.fee='Contribution'
-    class-businessProvider.fee='form-label is-light is-half-width'
+    class-businessProvider.fee='form-label is-light is-half-width input-text-like'
 
     label-captain='Capitaine du projet'
     range-captain=`${endpoints.users || endpoints.get.users}`

src/views/admin/page-admin-users-create.pug

@@ -8,10 +8,10 @@ div.content-box__info
 
     fields='line-1(first_name, last_name), line-2(username, email), line-3(password)'
 
-    class-first_name='form-label is-light is-half-width'
-    class-last_name='form-label is-light is-half-width'
-    class-username='form-label is-light is-half-width'
-    class-email='form-label is-light is-half-width'
+    class-first_name='form-label is-light is-half-width input-text-like'
+    class-last_name='form-label is-light is-half-width input-text-like'
+    class-username='form-label is-light is-half-width input-text-like'
+    class-email='form-label is-light is-half-width input-text-like'
 
     label-first_name='Prénom *'
     label-last_name='Nom *'

src/views/admin/page-admin-users-edit.pug

@@ -13,10 +13,10 @@ div.content-box__info
 
     fields='line-1(first_name, last_name), line-2(username, email)'
 
-    class-first_name='form-label is-light is-half-width'
-    class-last_name='form-label is-light is-half-width'
-    class-username='form-label is-light is-half-width'
-    class-email='form-label is-light is-half-width'
+    class-first_name='form-label is-light is-half-width input-text-like'
+    class-last_name='form-label is-light is-half-width input-text-like'
+    class-username='form-label is-light is-half-width input-text-like'
+    class-email='form-label is-light is-half-width input-text-like'
 
     label-first_name='Prénom *'
     label-last_name='Nom *'

src/views/circle/page-circle-edit.pug

@@ -52,10 +52,9 @@ div.content-box__info
       label-owner='Administrateur ou administratrice'
       label-description='Sous-titre du canal *'
 
-      class-name='form-label is-light is-half-width'
+      class-name='form-label is-light is-half-width input-text-like'
       class-owner='form-label is-light is-half-width member-select color'
-      class-description='form-label is-light is-full-width'
-      class-status='form-label is-light is-full-width member-select color'
+      class-description='form-label is-light is-full-width input-text-like'
 
       widget-owner='sib-form-auto-completion'
 

src/views/project/page-project-edit.pug

@@ -17,8 +17,8 @@ div.content-box__info
 
     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'
+    class-name='form-label is-light is-half-width input-text-like'
+    class-description='form-label is-light is-full-width input-text-like'
     label-fieldset-info=''
     label-customer='Client*'
     range-customer=`${endpoints.customers || endpoints.get.customers}`
@@ -28,8 +28,8 @@ div.content-box__info
     widget-description='sib-form-textarea'
 
     class-fieldset-fee='fieldset'
-    class-businessprovider='form-label is-light is-half-width'
-    class-businessproviderfee='form-label is-light is-half-width'
+    class-businessprovider='form-label is-light is-half-width input-text-like'
+    class-businessproviderfee='form-label is-light is-half-width input-text-like'
     label-fieldset-fee='Contributions'
     label-businessprovider='Apporteur d\'affaire'
     label-businessproviderfee='Montant de la contribution'