JavaFX - добавить пробел между кнопками через CSS

Question

Я пытаюсь добавить пространство между кнопками в JavaFX, используя CSS.Я знаю, что разделительный элемент может сделать это, но я предпочитаю использовать его для разделения логических групп кнопок.

Я пробовал:

<HBox id="buttonPanel" prefHeight="400.0" prefWidth="600.0" styleClass="buttonPanel" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.chart.buttons.ButtonPanelController">
    <stylesheets>
        <URL value="@buttonpanel.css"/>
    </stylesheets>

    <Button text="INSTRUMENT"/>
    <Separator/>        
    <Button text="F"/>
    <Button text="T"/>
    <Button text="SR"/>
    <Separator/>

</HBox>

.buttonPanel .button {

    -fx-spacing: 5;
    -fx-border-width: 0;
    -fx-padding: 1 2 1 2;   /* Top Right Bottom Left */

}

Но я не получаю никакихрезультат:

Answer 1

Если вы дадите ID, попробуйте #

#buttonPanel {
  -fx-spacing: 5;
  -fx-border-width: 0;
  -fx-padding: 1 2 1 2;   /* Top Right Bottom Left */
}

Answer 2

Я сделал это:

.buttonPanel {

    -fx-spacing: 5;

}

Кажется, что интервал нужно применять к контейнеру, а не к самим кнопкам.