UI fixes

css/fonts.css

@@ -18,12 +18,12 @@ pre {
 }
 @media only screen and (min-width: 800px){
 	body,input[type=text],input[type=password]{
-		font-size: 100%;
+		font-size: 110%;
 	}
 }
 @media only screen and (min-width: 1100px){
 	body,input[type=text],input[type=password]{
-		font-size: 90%;
+		font-size: 100%;
 	}
 }
 @font-face {

css/style.css

@@ -15,6 +15,9 @@ p{
 	padding-left: 5px;
 	padding-right: 5px;
 }
+input[type=submit],input[type=button],button,.button{
+	text-transform: capitalize;
+}
 input[type=submit],button.recommend{
 	background-image: url(../img/buttons/ui/recommend.png);
 	background-color: #00caf2;
@@ -42,7 +45,6 @@ form#form{
 	background-image: url(../images/buttons/ui/danger.png);
 	background-color: #b70404;
 	color: #fff;
-	text-shadow: -0.1rem -0.1rem 0 #830b0b;
 	border: none;
 }
 .cancel:active{

js/index.js

@@ -340,7 +340,7 @@
 					var input = $(this),
 						height = input.height()>=17?17:input.height();
 					input.siblings('.input-clear').remove();
-					input.after(
+					input.off('focus').off('blur').after(
 						$('<div>').css({
 							position: 'absolute',
 							right: $(window).width() - (input.outerWidth() + input.position().left)+2,
@@ -352,10 +352,18 @@
 							width: input.height(),
 							height: input.height(),
 							cursor: 'pointer'
-						}).addClass('input-clear').click(function(){
+						}).hide().addClass('input-clear').mousedown(function(){
 							input.val('');
 						})
 					);
+					if(input.hasClass('fill-width')){
+						input.css('width','calc(100% - '+(input.outerWidth()-input.width())+'px)');
+					}
+					input.focus(function(){
+						input.next().show();
+					}).blur(function(e){
+						input.next().hide();
+					});
 				});
 			},
 			dialog: function(selector,title){