From 80e34ae1eeaaaf9e26aa9a7fa4adae72fa52aa99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 27 Oct 2014 17:07:03 +0100
Subject: [PATCH] Added github button to invitation and invitation html
 structure refactor :octocat:

---
 .../modules/invitation-register-form.jade      |  8 +++++++-
 app/styles/layout/invitation.scss              | 18 ++++++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/app/partials/views/modules/invitation-register-form.jade b/app/partials/views/modules/invitation-register-form.jade
index 5eec1e53..b04ec30b 100644
--- a/app/partials/views/modules/invitation-register-form.jade
+++ b/app/partials/views/modules/invitation-register-form.jade
@@ -23,4 +23,10 @@ form.register-form
         a.button.button-register.button-gray(href="", title="Sign up") Sign up
         input(type="submit", style="display:none")
 
-        tg-terms-notice
+    fieldset
+        a.button.button-github(href="", title="Enter with your github account")
+            span.icon.icon-github
+            span Sign Up with Github
+        input(type="submit", style="display:none")
+
+    tg-terms-notice
diff --git a/app/styles/layout/invitation.scss b/app/styles/layout/invitation.scss
index 78a9c63e..8d8f781d 100644
--- a/app/styles/layout/invitation.scss
+++ b/app/styles/layout/invitation.scss
@@ -44,10 +44,12 @@
     }
     .invitation-form {
         @include table-flex();
+        fieldset {
+            margin-bottom: .5rem;
+        }
         input {
             background: $white;
             color: $gray;
-            margin-bottom: 1rem;
             position: relative;
             @include placeholder {
                 color: $gray-light;
@@ -80,16 +82,28 @@
                 background: $fresh-taiga;
             }
         }
+        .button-github {
+            &:hover {
+                background: $black;
+            }
+        }
     }
     .login-form,
     .register-form {
         @include table-flex-child(1, 200px, 0, 200px);
         padding: 1rem;
-
+        text-align: center;
         .form-header {
             color: #999;
         }
     }
+    .register-form {
+        fieldset {
+            &:last-child {
+                margin-bottom: 1rem;
+            }
+        }
+    }
     .register-text {
         @extend %small;
         color: $white;