Textinput: fixed the width of text input element with clear button.

Author: jaspermdegroot

css/structure/jquery.mobile.forms.textinput.css

@@ -14,8 +14,7 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
 .ui-mini .ui-input-clear { right: -3px; }
 
 .ui-input-text { padding: 0; }
-.ui-input-text input.ui-input-text, .ui-input-text textarea.ui-input-text { width: 100%; padding: .4em; }
-
+.ui-input-text input.ui-input-text, .ui-input-text textarea.ui-input-text { padding: .4em; }
 
 .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
 input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
@@ -36,5 +35,6 @@ input[type=number]::-webkit-outer-spin-button { margin: 0; }
 	.ui-hide-label input.ui-input-text,
 	.ui-hide-label textarea.ui-input-text,
 	.ui-hide-label .ui-input-search, .ui-hide-label .ui-input-text { width: 100%; }
-	.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
+	.ui-input-search input.ui-input-text,
+	div.ui-input-text input.ui-input-text { width: 98%; /*echos rule from above*/ }
 }