Mercurial > public > sg101
changeset 1129:c7a59d3a81ce
Fix search checkboxes on small screens.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Wed, 14 Sep 2016 20:26:10 -0500 (2016-09-15) |
parents | 538f35ce3429 |
children | f1bc1518105b |
files | sg101/templates/search/search.html |
diffstat | 1 files changed, 9 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/sg101/templates/search/search.html Tue Sep 13 21:52:27 2016 -0500 +++ b/sg101/templates/search/search.html Wed Sep 14 20:26:10 2016 -0500 @@ -51,18 +51,20 @@ <fieldset class="fieldset"> <legend>Search in</legend> {{ form.models.errors }} - <div class="row"> - <div class="columns"> - {% for model in form.models %} + <div class="row small-up-1 medium-up-2 large-up-3"> + {% for model in form.models %} + <div class="columns"> {{ model.tag }}<label for="{{ model.id_for_label }}"> {{ model.choice_label }}</label> - {% endfor %} - </div> + </div> + {% endfor %} </div> <div class="row"> <div class="columns text-center"> - <a href="#" id="chk_all">Check all</a> | - <a href="#" id="chk_none">Check none</a> + <div class="small button-group"> + <a href="#" id="chk_all" class="secondary button">Check all</a> + <a href="#" id="chk_none" class="secondary button">Check none</a> + </div> </div> </div> </fieldset>