Fix spacing with search inputs

And more importantly, crucially, fix the "appended" button so the round
corners are on the right (heh) side.
This commit is contained in:
Samuel Dionne-Riel 2021-03-31 21:06:55 -04:00 committed by Tyson Whitehead
parent 20e3c51ba9
commit d85b846357
2 changed files with 7 additions and 5 deletions

View file

@ -33,9 +33,11 @@ c.uri_for(c.controller('JobsetEval').action_for('view'),
[% END %] [% END %]
<form> <form>
<div class="form-group">
<input name="filter" type="text" class="form-control" type="search" placeholder="Search jobs by name..." [% HTML.attributes(value => filter) %]/> <input name="filter" type="text" class="form-control" type="search" placeholder="Search jobs by name..." [% HTML.attributes(value => filter) %]/>
<input name="compare" type="hidden" [% HTML.attributes(value => otherEval.id) %]/> <input name="compare" type="hidden" [% HTML.attributes(value => otherEval.id) %]/>
<input name="full" type="hidden" [% HTML.attributes(value => full) %]/> <input name="full" type="hidden" [% HTML.attributes(value => full) %]/>
</div>
</form> </form>
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">

View file

@ -1,9 +1,9 @@
[% PROCESS common.tt; USE Math %] [% PROCESS common.tt; USE Math %]
<form id="filter-jobs"> <form id="filter-jobs">
<div class="input-group"> <div class="form-group input-group">
<input name="filter" type="search" class="form-control" placeholder="Search jobs by name..." [% HTML.attributes(value => filter) %]/> <input name="filter" type="search" class="form-control" placeholder="Search jobs by name..." [% HTML.attributes(value => filter) %]/>
<div class="input-group-prepend"> <div class="input-group-append">
<button type="button" class="btn btn-info [% IF showInactive %]active[% END %]" id="active-toggle"> <button type="button" class="btn btn-info [% IF showInactive %]active[% END %]" id="active-toggle">
<span class="spinner-border spinner-border-sm" id="filter-loading" style="display:none"/> <span class="spinner-border spinner-border-sm" id="filter-loading" style="display:none"/>
Show inactive jobs Show inactive jobs