title: how do I set the width of p-tree to fill the available space?
body: <p>I cannot properly set the width to fill the available space for a <code>p-tree</code> primeng control.
  It works in chrome devtools when I do it manually but doesn't when I do it in the style file of my component.</p>
  
  <p>Stackblitz link:</p>
  
  <p><a href="https://stackblitz.com/edit/angular6-primeng-gjz1po" rel="noreferrer">https://stackblitz.com/edit/angular6-primeng-gjz1po</a></p>
  
  <p>The tree will stay 18em of width no matter what.
  Thank you in advance.</p>
  
  <p>The html code:</p>
  
  <pre><code>&lt;p-tree [value]=filesTree1&gt;&lt;/p-tree&gt;
  </code></pre>
  
  <p>The css code:</p>
  
  <pre><code>.ui-tree {
    width: 100%;
  }
  </code></pre>