navbar-item width #1255
Description
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>