new member lightbox

app/partials/membership.jade

@@ -53,3 +53,6 @@ block content
                         span.icon.icon-reload
                     a(href="#").delete
                         span.icon.icon-delete
+
+    div.lightbox.ligbox_add-member
+        include views/modules/lightbox_add-member

app/partials/views/modules/lightbox_add-member.jade

@@ -0,0 +1,24 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title New Member
+    fieldset
+        input(type="email", placeholder="Email")
+        select
+            option Front
+            option Role
+            option UX
+        a.icon.icon-delete(href="")
+
+    fieldset
+        input(type="email", placeholder="Email")
+        select
+            option Front
+            option Role
+            option UX
+        a.icon.icon-plus(href="")
+
+    a.button.button-green(href="", title="Save")
+        span Create
+
+    p.help-text We will add directly the users if they are registered, send an invitation to register if not

app/styles/dependencies/forms.scss

@@ -4,11 +4,12 @@ fieldset {
     padding: 0;
     position: relative;
     width: 100%;
-    .icon {
+    // xavi pleeeeeease
-        position: absolute;
+    // .icon {
-        right: 10px;
+    //     position: absolute;
-        top: 6px;
+    //     right: 10px;
-    }
+    //     top: 6px;
+    // }
 }
 
 input[type="text"],

app/styles/modules/lightbox.scss

@@ -147,6 +147,44 @@
     }
 }
 
+.ligbox_add-member {
+    display: none;
+    fieldset {
+        @include clearfix;
+        margin-bottom: 1rem;
+    }
+    input[type=email],
+    select {
+        float: left;
+        margin-bottom: 0;
+    }
+    input[type=email] {
+        width: 430px;
+    }
+    select {
+        margin-left: .5rem;
+        width: 255px;
+    }
+    .icon {
+        @extend %large;
+        float: left;
+        line-height: 40px;
+        margin-left: .5rem;
+    }
+    .icon-delete {
+        &:hover {
+            color: $red;
+        }
+    }
+    .button {
+        margin-top: 2rem;
+    }
+    .help-text {
+        @extend %small;
+        padding: .5rem 1rem;
+    }
+}
+
 .lightbox_add-sprint {
     display: none;
     form {