自定义JavaFX menuBar以删除边距

Question

1：我如何删除此空格？

2：如何添加左边的空格？

这是我的fxml的CSS代码。

.menu-bar{
    -fx-use-system-menu-bar:true;
    -fx-border:none;
    -fx-background-color:#ececec;
    -fx-border-style:null;
    -fx-cursor:hand;
    -fx-padding:0px;
}
.menu-item{
    -fx-pref-width:200px;
    -fx-background-insets:0px 0px 0px 0px;
    -fx-background-color:#ececec;
    -fx-padding:5px 0px 5px 30px;
}
.menu-item:hover{
    -fx-background-color:#4285f4;
}

简而言之，我希望像第二张图片中所示使用菜鸟操作系统与Firefox相同。