title: Adding a padding to a JavaFX button with an image
body: <p>Why can't add a padding <strong>left</strong> to the image inside the <code>#todo</code> button ? </p>
  
  <p><img src="https://i.stack.imgur.com/i9M8L.png" alt="enter image description here"></p>
  
  <pre><code>.button {           
      -fx-background-size: 18 18;
      -fx-background-repeat: no-repeat;       
      -fx-background-position:left;   
      -fx-padding:20;
      /* same as -fx-label-padding:20; */
  }
  
  #todo {
      -fx-background-image: url("../images/Knob Add.png");
  }
  </code></pre>