title: How can I chagne the size of the arrow graphics in the scroll bar?
body: <p>Is there any way to change the size of the arrow graphic in the scroll-bar buttons using CSS?</p>
  
  <p>I want the arrows to take up a larger portion of the button. If I set <code>-fx-scale-shape: false</code> I can achieve the desired effect by manually scaling the values in <code>-fx-shape</code>.</p>
  
  <pre><code>.scroll-bar:vertical &gt; .decrement-button &gt; .decrement-arrow {
      -fx-shape: "M0,0 ........... z";
      -fx-position-shape: true;
      -fx-scale-shape: false;
  }
  </code></pre>
  
  <p>However, I feel like a better idea would be to keep <code>-fx-scale-shape: true</code> but change the container size instead, I just can't figure out how to do that. </p>