Bulma: navbar-item width

Created on 3 Oct 2017 · 7Comments · Source: jgthms/bulma

This is about the Bulma Docs
I'm using Bulma version [0.5.3]
My browser is: Chrome 61.0.3163.100

This is a question. I can't find the answer, so sorry if it's out there and I missed it.

I put a search input in the navbar-start. It's only taking up a small portion of the start. Is there a way to have it be longer or even take up the rest of the navbar-start area? I don't want to put a hard width as I want it to adjust on mobile view.

<div className="navbar-start">
    <div className="navbar-item">
        <form onSubmit={this.handleSearchSubmit}>
            <div className="field has-addons">
                <div className="control">
                    <input className="input" type="text" placeholder="Search..." value={searchQuery}
                        onChange={e => this.setState({ searchQuery: e.currentTarget.value })} />
                </div>
                <div className="control">
                    <button className="button" type="submit">
                        <span className="icon">
                            <i className="fa fa-search"></i>
                        </span>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

Source