fields not responsive
Closed this issue · 4 comments
tehlivi commented
gakimball commented
Could you post the HTML for that screenshot?
zurbrandon commented
@gakimball could this be from the widths set on inputs in the Topbar?
tehlivi commented
Absolutely. Sorry about the wait.
<form class="reservation-widget">
<div class="row">
<div class="medium-3 columns text-center">
<div class="title">Reserve</div>
Your stay today
</div>
<div class="medium-3 columns">
<div class="input-group">
<input id="datepicker-arrive" class="input-group-field datepicker" placeholder="Arrival">
<div class="input-group-button">
<a id="datepicker-arrive-trigger" class="ui-datepicker-trigger"><i class="fa fa-calendar"></i></a>
</div>
</div>
</div>
<div class="medium-3 columns">
<div class="input-group">
<input id="datepicker-depart" class="input-group-field datepicker" placeholder="Departure">
<div class="input-group-button">
<a id="datepicker-depart-trigger" class="ui-datepicker-trigger"><i class="fa fa-calendar"></i></a>
</div>
</div>
</div>
<div class="medium-3 columns reserve-field">
<button type="submit" id="submit-reservation" class="button expanded">
<span class="text">Search</span>
<span class="float-right"><i class="fa fa-search"></i></span>
</button>
</div>
</div>
</form>
gakimball commented
Hey friend, thanks for the code sample. :) We need to close this repo today, so I'm reopening this issue at foundation/foundation-sites#7663, with your original screenshot and code sample.