title: Putting buttons to the left with javafx
body: <p>With SceneBuilder a put one button to the right (<code>btnOne</code>) and other button with a image on top of the button to the left (<code>btnTwo</code>), like this:</p>
  
  <pre><code>|btnOne--------------btnTwo| 
  </code></pre>
  
  <p>but when I open my application <code>btnTwo</code> don´t go all the way to the left, instead I get something like: <code>|btnOne----------btnTwo---|</code></p>
  
  <p>I have solve this kind of things with HBox but in this case, if I put the <code>btnTwo</code> inside a HBox I can´t put an image above the button.</p>
  
  <p>How can I solve this?</p>
  
  <p>This is my code</p>
  
  <pre><code>          &lt;Pane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="45.0" prefWidth="800.0"  VBox.vgrow="ALWAYS"&gt;
                 &lt;children&gt;
                    &lt;HBox prefHeight="45.0" prefWidth="863.0" spacing="20.0"&gt;
                       &lt;children&gt;
                          &lt;Button fx:id="btnOne" mnemonicParsing="false" prefHeight="28.0" prefWidth="132.0" styleClass="btn-success"  /&gt;
                       &lt;/children&gt;
                       &lt;padding&gt;
                          &lt;Insets left="10.0" top="5.0" /&gt;
                       &lt;/padding&gt;
                    &lt;/HBox&gt;
                    &lt;Button fx:id="btnTwo" layoutX="870.0" layoutY="6.0" mnemonicParsing="false" prefHeight="35.0" prefWidth="35.0" styleClass="btn-default" /&gt;
                    &lt;ImageView fitHeight="24.0" fitWidth="24.0" layoutX="1013.0" layoutY="12.0" pickOnBounds="true" preserveRatio="true"&gt;
                       &lt;image&gt;
                          &lt;Image url="@../../../../userData/ie.png" /&gt;
                       &lt;/image&gt;
                    &lt;/ImageView&gt;                 
                 &lt;/children&gt;
              &lt;/Pane&gt;
  </code></pre>