title: How to create space between icon and text field with Vuetify
body: <p>I have the following code for the username section:</p>
  
  <pre><code>&lt;v-text-field
           prepend-icon="fas fa-user"
           height="60px"
           placeholder="Username"
           outlined
  &gt;&lt;/v-text-field&gt;
  </code></pre>
  
  <p>How can I create space between the user icon and the text field? </p>
  
  <p>While I'm here I might as well also ask how I can make the width of the input field adjust to the width of the screen? Right now it's very small for some reason.</p>
  
  <p><a href="https://i.stack.imgur.com/CxOW4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CxOW4.png" alt="enter image description here"></a></p>