position menu items and add footer to AbstractAppRouterLayout in Vaadin 13

Flow
1

Hi!

I have two questions regarding AbstractAppRouterLayout:

  1. I need to position menu items to the left. just cannot find the proper css/attribute setting:
@Override
    protected void configure(AppLayout appLayout, AppLayoutMenu menu) {
        Image logo = new Image("frontend/images/logo.png", "Vaadin Logo");
        Image user = new Image("frontend/images/usr.png", "Vaadin Logo");
        user.setHeight("35px");
        logo.setHeight("35px");
        appLayout.setBranding(logo);

        SUserDetails u = (SUserDetails) SecurityContextHolder.getContext().getAuthentication().getPrincipal();

        menu.addMenuItems(
                new AppLayoutMenuItem("Certificates", "certificates"),
                new AppLayoutMenuItem("Users", "users"),
                new AppLayoutMenuItem(user, "  " + u.getName()) {{
                    setEnabled(false);
                    getElement().setAttribute("theme", "icon-on-top");
                }}
        );

        menu.getElement().getClassList().add("menu-tabs");
    }

.menu-tabs {
    right: 0;
    text-align: right;
    width: 100%;
}

produces:
![https://imgur.com/a/dXOVZmp]
(https://imgur.com/a/dXOVZmp)

  1. I need to add Footer to this layout which I don’t have any idea how to do yet.

I don’t have any markups just java classes and if possible I would like it to stay this way.

Thanks fo recommendations.