顶部和左侧的vaadin按钮边距

Question

我无法为我的按钮添加样式。

在我的scss文件中有mixin和

.button-margin {
    margin-top: 15%;
    margin-left: 35%;
}

.v-button-caption {
    font-size: 15pt;
}

虽然v-button-caption正在运行 - 当我通过myButton.addStyleName("button-margin");将样式应用于按钮时 - 它不会更改按钮的位置。

有什么问题？

我的整个按钮代码

public VerticalLayout redirectButton() {
        VerticalLayout buttonLayout = new VerticalLayout();
        buttonLayout.setMargin(true);
        Button b = new Button("Redirect to another application");
        b.setHeight("50px");
        b.setWidth("400px");
        b.addClickListener(new ClickListener() {

            @Override
            public void buttonClick(ClickEvent event) {
                NotificationsAdminUi.getCurrent().getPage().getJavaScript()
                    .execute("window.location.href='"
                         + "http://xxxx:8080/xxxx'");
            }

        });
        buttonLayout.addComponent(b);
        return buttonLayout;
    }