title: Unable to change width of a box in css - using extjs framework
body: <p>I have tried below code in css:</p>
  
  <pre><code>.x-form-field {
      margin-left: 10px;
      width: 50%;
      font: bold 22px;
      table-layout: fixed;
      width: 10px;
      background: grey;
  }  
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/s9Q5F.png" rel="nofollow noreferrer">Extjs tool bar</a></p>
  
  <p>And with this I am able to change, font, color, border and margins but not able to change the width of the box. </p>
  
  <p>I want the default width to be <code>60 px;</code></p>
  
  <p>I have not worked on css before but i have been struggling with this for past 2 hours.  I might be overlooking something.Please help!</p>