From c03f38b02b5fb383127284931f0c598e52125030 Mon Sep 17 00:00:00 2001
From: nanalelfe <nargiza.nosirova@mail.utoronto.ca>
Date: Mon, 15 Aug 2016 04:57:33 -0400
Subject: Improved UI for signin and signup

---
 views/signin.hbs | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

(limited to 'views/signin.hbs')

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>
-- 
cgit v1.2.3