JavaFX - How to create a thin MenuBar?

Question

I placed at the top of BorderPanea MenuBarwith the File and Close menus MenuIteminside:

How can I make it look thinner than MenuBarmost of the software used, similar to the image below?

I think it should be simple enough, but as a beginner, I could not do it. I am not sure what to name the problem (not many useful results for "javafx menubar height", size, style, etc.)

Answer 1

Adding the following styles to the stylesheet reduces the height of each menu item:

.menu-item { -fx-padding: 1 5 1 5; }
.menu { -fx-padding: 1 5 1 5; }

, :

.menu .context-menu { -fx-padding: 1 1 1 1; }

:

.menu-item >.label {-fx-font-size:9;}
.menu >.label {-fx-font-size:9;}

, MenuBar :

.menu-bar {
  -fx-padding: 0 1 0 1;
  -fx-spacing: 1;
};