From 983902bb543c30b33d5ddea031650292b14d81ad Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Sun, 6 Dec 2020 10:13:01 +0100
Subject: [PATCH] feature: admin-create-user

---
 src/styles/hubl-framework/forms/inputs.scss   |  1 +
 .../admin/page-admin-projects-create.pug      |  2 +-
 src/views/admin/page-admin-users-create.pug   | 25 ++++++++++---------
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/styles/hubl-framework/forms/inputs.scss b/src/styles/hubl-framework/forms/inputs.scss
index 338ff76..856c4e2 100644
--- a/src/styles/hubl-framework/forms/inputs.scss
+++ b/src/styles/hubl-framework/forms/inputs.scss
@@ -1,4 +1,5 @@
 input[type='text'],
+input[type='email'],
 textarea {
   background: #F6F6F6;
   border: none;
diff --git a/src/views/admin/page-admin-projects-create.pug b/src/views/admin/page-admin-projects-create.pug
index 523ccac..e7fe545 100644
--- a/src/views/admin/page-admin-projects-create.pug
+++ b/src/views/admin/page-admin-projects-create.pug
@@ -11,7 +11,7 @@ div.segment.padding-large.clearfix
     div
     div
 
-  solid-form.form.button-register(
+  solid-form.button-register(
     data-src=`${endpoints.projects || endpoints.post.projects}`
     
     fields='status, customer.name, name, captain'
diff --git a/src/views/admin/page-admin-users-create.pug b/src/views/admin/page-admin-users-create.pug
index 5877bfa..ebd87e3 100644
--- a/src/views/admin/page-admin-users-create.pug
+++ b/src/views/admin/page-admin-users-create.pug
@@ -1,11 +1,11 @@
-div.segment.padding-xlarge.border-bottom.clearfix
+div.segment.padding-top-xsmall.padding-right-large.padding-bottom-xsmall.padding-left-large.border-bottom.border-color-grey.text-color-heading.clearfix
   div.segment.lg-half.float-left
     h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
   div.segment.lg-half.float-left.text-right
     solid-link(class="backlink", next='admin-communities-list' data-trans='user.create.backlink')
 
 
-div.segment.padding-xlarge.clearfix
+div.segment.padding-large.clearfix
   div#loader-users-title.loader.loader
     div
     div
@@ -25,27 +25,28 @@ div.segment.padding-xlarge.clearfix
 
   solid-widget(name='hubl-email-field')
     template
-      label(data-trans='user.create.labelEmail')
-      input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder)
+      divsegment.margin-bottom-medium.lg-half.padding-right-small.text-small.text-semibold.text-uppercase.text-color-heading.float-left
+        label(data-trans='user.create.labelEmail')
+        input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder)
 
-  div.segment.margin-top-small.margin-bottom-xxlarge
-    h3.text-uppercase.text-large.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title')
+  div.segment.margin-bottom-medium.clearfix
+    div.segment.float-left
+      h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title')
   
-  solid-form.form.button-register#selected-community(
+  solid-form.button-register#selected-community(
     bind-resources
     nested-field='members'
 
-    fields='line-1(user.first_name, user.last_name), line-2(user.username, user.email), user.password'
+    fields='user.first_name, user.last_name, user.username, user.email, user.password'
     required-user.first_name
     required-user.last_name
     required-user.username
     required-user.email
     loader-id='loader-users-create'
 
-    class-user.first_name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
-    class-user.last_name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
-    class-user.username='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
-    class-user.email='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
+    class-user.first_name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading float-left'
+    class-user.last_name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading float-left'
+    class-user.username='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading float-left'
 
     label-user.first_name=''
     label-user.last_name=''