navbar-item for <button>

[ragonneau]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I am sure this issue is not a duplicate

Description

First, thank you very much for the framework, very useful !

The navbar-item class is implemented for <a> and <div> but not for <button>. This would be a great feature, because it is common to have a logout button in a dropdown in the navigation bar, which is generally a POST.

Steps to Reproduce

I give here an example of a navbar with a logout button in a dropdown.

<nav class="navbar is-fixed-top">
    <div class="navbar-brand">
        <a class="navbar-item" href="#">
            <strong>
                My project
            </strong>
        </a>
        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
        </a>
    </div>
    <div id="navbarMenu" class="navbar-menu">
        <div class="navbar-end">
            <div class="navbar-item has-dropdown">
                <a class="navbar-link">
                    Welcome user
                </a>
                <div class="navbar-dropdown is-right">
                    <a class="navbar-item">
                        About
                    </a>
                    <hr class="navbar-divider">
                    <form action="..." method="post">
                        <button type="submit" class="navbar-item">
                            Logout
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</nav>

Expected behavior

From a user perspective, the "About" and "Logout" items in the dropdown should render exactly the same way.

Actual behavior

The placement, padding, etc, works fine, but the over effect is not working for the "Logout" button.