title: How to display my icon instead of arrow in TreeView?
body: <p>I try to replace default arrow icon in TreeView with my icon. The problem is that my icon is cropped although it is only 9x9 pixels. To replace icon I use CSS as suggested on stackoverflow:</p>
  <pre><code>.tree-cell &gt; .tree-disclosure-node &gt; .arrow {
      -fx-background-color: null;
      -fx-background-image: url(&quot;plus-icon.gif&quot;);
  }
  
  .tree-cell:expanded &gt; .tree-disclosure-node &gt; .arrow {
      -fx-background-color: null;
      -fx-background-image: url(&quot;minus-icon.gif&quot;);
  }
  </code></pre>
  <p>But this makes my tiny icon cropped(cut):</p>
  <p><img src="https://i.stack.imgur.com/C5OyA.png" alt="enter image description here" /></p>
  <p>I tried to change this by playing with css and padding but it does not help.</p>
  <p>Thank you!</p>