add caret to the end on search init

masks/index.html

@@ -26,7 +26,7 @@
 			<div id="btn_settings" class="button no_bg fa fa-settings"></div>
 		</div>
 		<div class="title"><time id="date"></time></div>
-		<div id="search_box"><input type="text" id="search" name="search" /></div>
+		<div id="search_box"><input type="text" id="search" name="search" required /></div>
 	</header>
 	<div id="buffer"><i class="fa fa-spinner fa-spin"></i></div>
 	<nav></nav>

script/ugc.js

@@ -328,7 +328,7 @@ function Ugc()
 		var sDefaultSearch = asHash.items[0] || '';
 		if(asHash.page=='search' && sDefaultSearch!='')
 		{
-			$SearchInput.val(sDefaultSearch).autocomplete("search", sDefaultSearch);
+			$SearchInput.focus().val(sDefaultSearch).putCursorAtEnd().autocomplete("search", sDefaultSearch);
 		}
 	};
 	

style/_big_screen.scss

@@ -52,7 +52,7 @@
 			width: 33%;
 			font-family: 'Open Sans', sans-serif;
 		
-			&:active, &:hover, &:focus {
+			&:active, &:hover, &:focus, &:valid {
 				color:#08288B;
 				border-color:#08288B;
 				box-shadow: 1px 1px 2px 1px rgba(8, 140, 139, 0.3);