Fix display of Filter and Reset buttons for small screens.

This commit is contained in:
Christopher Charbonneau Wells 2017-11-04 18:28:09 -04:00
parent cb2c63cf8a
commit 08d6efa98b
1 changed files with 10 additions and 12 deletions

View File

@ -2,18 +2,16 @@
<form role="form" action="" method="get"> <form role="form" action="" method="get">
<div class="form-group form-row"> <div class="form-group form-row">
{% for field in filter.form %} {% for field in filter.form %}
<label for="id_{{ field.name }}" class="col-xs-2 col-sm-auto col-form-label col-form-label-sm"> <label for="id_{{ field.name }}" class="col-xs-2 col-sm-auto col-form-label col-form-label-sm">
{{ field.label }} {{ field.label }}
</label> </label>
<div class="col-xs-10 col-sm-auto"> <div class="col-xs-10 col-sm-auto">
{{ field|add_class:"form-control form-control-sm" }} {{ field|add_class:"form-control form-control-sm" }}
</div> </div>
{% endfor %} {% endfor %}
<div class="col-xs-12 col-sm-auto"> <div class="col-xs-12 col-sm-auto mt-3 mt-sm-0">
<button type="submit" class="btn btn-sm btn-primary">Filter</button> <button type="submit" class="btn btn-sm btn-primary mr-2">Filter</button>
</div>
<div class="col-xs-12 col-sm-auto">
<a href="{{ request.path }}" class="btn btn-sm btn-dark">Reset</a> <a href="{{ request.path }}" class="btn btn-sm btn-dark">Reset</a>
</div> </div>
</div> </div>