title: JQuery Mobile 1.4 text inputs widths
body: <p>I've recently switched to JQuery Mobile 1.4 and although overall I prefer it to 1.3 I'm having a lot of formatting issues.</p>
  
  <p>I want to have a list of changeable values and this is the code I'm using.</p>
  
  <pre><code>&lt;div class="ui-field-contain"&gt;
  &lt;label for="name"&gt;Amount&lt;/label&gt;
  &lt;input type="number" name="name1" id="name1" value="" style="width:75px"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I added the width:75px to see if it would work but all it does is move the number select arrows - it doesn't actually make the text box smaller. </p>
  
  <p>So the text boxes are as wide as their container but only by a limited amount. It looks fine on the computer but on a mobile you end up with the label text on top of the textbox if you constrain it too much. </p>
  
  <p>Is there any way around this?</p>