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>