From 002c75448d63f872b03ad8a353f40e6ae773ab10 Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Wed, 18 Sep 2013 19:28:42 +0200
Subject: [PATCH] [ux] fixing input height and focus issues

---
 clientapp/app.js          | 2 +-
 public/css/app/forms.styl | 9 +++++----
 public/css/otalk.css      | 9 ++++++---
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/clientapp/app.js b/clientapp/app.js
index 61257be..e113dae 100644
--- a/clientapp/app.js
+++ b/clientapp/app.js
@@ -54,7 +54,7 @@ module.exports = {
                 window.onbeforeunload = function () {
                     if (client.sessionStarted) {
                         client.disconnect();
-                        return "End active session?";
+                        //return "End active session?";
                     }
                 };
 
diff --git a/public/css/app/forms.styl b/public/css/app/forms.styl
index f19f4e7..654b894 100644
--- a/public/css/app/forms.styl
+++ b/public/css/app/forms.styl
@@ -1,7 +1,7 @@
-input[type=text], input[type=email], input[type=search], textarea
+input[type=text], input[type=email], input[type=search], input[type=password], textarea
   -webkit-appearance: none
   roundall(3px)
-  padding: 10px
+  padding: 0 10px
   background: white
   border: 1px solid $grayOutline
   font-size: 0.8em
@@ -11,8 +11,8 @@ input[type=text], input[type=email], input[type=search], textarea
   -webkit-transition: border .2s ease-in 0
   -moz-transition: border .2s ease-in 0
 
-input[type=text], input[type=email], input[type=search]
-  height: 8px
+input[type=text], input[type=email], input[type=search], input[type=password]
+  height: 35px
 
 textarea
   resize: none
@@ -20,6 +20,7 @@ textarea
 input[type=text]:focus, 
 input[type=email]:focus, 
 input[type=search]:focus,
+input[type=password]:focus,
 textarea:focus
   outline: none
   border: 1px solid lighten($activeBlue, 50%)
\ No newline at end of file
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 65dc143..7930286 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -737,6 +737,7 @@ body #menu {
 input[type=text],
 input[type=email],
 input[type=search],
+input[type=password],
 textarea {
   -webkit-appearance: none;
   -moz-border-radius: 3px;
@@ -745,7 +746,7 @@ textarea {
   -o-border-radius: 3px;
   -border-radius: 3px;
   border-radius: 3px;
-  padding: 10px;
+  padding: 0 10px;
   background: #fff;
   border: 1px solid #e4e4e4;
   font-size: 0.8em;
@@ -761,8 +762,9 @@ textarea {
 }
 input[type=text],
 input[type=email],
-input[type=search] {
-  height: 8px;
+input[type=search],
+input[type=password] {
+  height: 35px;
 }
 textarea {
   resize: none;
@@ -770,6 +772,7 @@ textarea {
 input[type=text]:focus,
 input[type=email]:focus,
 input[type=search]:focus,
+input[type=password]:focus,
 textarea:focus {
   outline: none;
   border: 1px solid #78daff;