ListBuilder with Valo and Vaadin 7.3.0.beta1

[teepeltola]

Hi,

I have tested Vaadin 7.3.0.beta1 and Listbuilder 0.7.3.v7BETA with the new Valo theme. Seems that up, down, remove, left and right button icons are rendered incorrectly in buttons. Seems to occur with Firefox 31 and Chromium 36 in Linux. Attached is a screencapture of the issue.

Here is the code for simple test app:

@Theme("valo")
public class ListbuilderdemoUI extends UI {
    @Override
    protected void init(VaadinRequest request) {
        final VerticalLayout layout = new VerticalLayout();
        ListBuilder listBuilder = new ListBuilder("Test");
        listBuilder.addItem("Item1");
        listBuilder.addItem("Item2");
        listBuilder.addItem("Item3");
        listBuilder.addItem("Item4");
        layout.addComponent(listBuilder);
        setContent(layout);
    }
}

[AndrejGajdos]

OS X 10.9 with Chrome 37, Firefox 31 and Safari 7 is the same problem.

[morphace]

+1

[chiccorusso]

+1

[teepeltola]

I have this in my .scss file:

    .v-listbuilder {    
        .v-button-caption {
            margin-left: -0.4em;
            display: inline-block;
        }
    }

[chiccorusso]

It works, and the arrows return on the buttons. Thank-you.