diff options
| author | nanalelfe <nargiza.nosirova@mail.utoronto.ca> | 2016-08-15 08:57:33 +0000 |
|---|---|---|
| committer | nanalelfe <nargiza.nosirova@mail.utoronto.ca> | 2016-08-15 08:57:33 +0000 |
| commit | c03f38b02b5fb383127284931f0c598e52125030 (patch) | |
| tree | e5197056bde27643b9d3fb72580f023c2835f087 /views/signin.hbs | |
| parent | 08c9d21dd4a4da2f5ec713ca94a884d3924761c1 (diff) | |
Improved UI for signin and signup
Diffstat (limited to 'views/signin.hbs')
| -rw-r--r-- | views/signin.hbs | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/views/signin.hbs b/views/signin.hbs index dc0bb8a..e985c13 100644 --- a/views/signin.hbs +++ b/views/signin.hbs @@ -26,20 +26,28 @@ <h3 class="signin"><hr><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In<hr></h3> <form action="/user/signin" method="post"> - <div class="form-group"> - <input type="text" class="form-control" placeholder="New Username" name="usrname"> - </div> - <div class="form-group"> - <input type="password" class="form-control" placeholder="New Password" name="password"> + <div class="form-group signin-group"> + <div class="input-group input-group-lg"> + <div class="input-group-addon addon-username"> + <i class="fa fa-envelope" aria-hidden="true"></i> + </div> + <input type="text" class="form-control input-username" placeholder="email" name="usrname"> + </div> + <div class="input-group input-group-lg"> + <div class="input-group-addon addon-password"> + <i class="fa fa-key" aria-hidden="true"></i> + </div> + <input type="password" class="form-control input-lg input-password" placeholder="password" name="password"> + </div> </div> <input type="hidden" name="_csrf" value="{{ csrfToken }}"> <button class="signin-btn signin-insite btn-lg btn btn-primary btn-block"><span>Sign In</span></button> </form> - <h3 class="signin signin-or">or</h3> - <a href="/auth/facebook" class=" signin-btn btn-lg btn btn-primary btn-block"><span> - <span class="fa fa-facebook"> </span> Facebook connect</span></a> + <h4 class="signin signin-or">or</h4> + <a href="/auth/facebook" class="signin-fb signin-btn btn-lg btn btn-primary btn-block"><span> + <span class="fa fa-facebook"> </span> Sign in with Facebook</span></a> </div> </div> |