Adjust the filter button height to match the height of the input fields next to it

CHANGELOG.txt

@@ -47,6 +47,7 @@ Changelog
  * Fix: List-based fields within form builder form submissions are now displayed as comma-separated strings rather than as Python lists (Christine Ho, Matt Westcott)
  * Fix: Ensure that page editor forms are submitted as multipart when file fields exist in InlinePanels (Wietze Helmantel)
  * Fix: The page type usage listing now have a translatable page title (Ramon de Jezus)
+ * Fix: Styles for submission filtering form now have a consistent height. (Thijs Kramer)
 
 
 1.9 (16.02.2017)

docs/releases/1.10.rst

@@ -59,6 +59,7 @@ Bug fixes
  * List-based fields within form builder form submissions are now displayed as comma-separated strings rather than as Python lists (Christine Ho, Matt Westcott)
  * Ensure that page editor forms are submitted as multipart when file fields exist in InlinePanels (Wietze Helmantel)
  * The page type usage listing now have a translatable page title (Ramon de Jezus)
+ * Styles for submission filtering form now have a consistent height. (Thijs Kramer)
 
 
 Upgrade considerations

wagtail/wagtailadmin/static_src/wagtailadmin/scss/components/_forms.scss

@@ -1127,6 +1127,11 @@ li.inline:first-child {
     .required .field > label:after {
         display: none;
     }
+
+    .button-filter {
+        height: 2.71em;
+        border-color: transparent;
+    }
 }
 
 // file drop zones

wagtail/wagtailforms/templates/wagtailforms/index_submissions.html

@@ -99,7 +99,7 @@
                                 {% include "wagtailadmin/shared/field_as_li.html" with field=field field_classes="field-small" li_classes="col4" %}
                             {% endfor %}
                             <li class="submit col2">
-                                <button name="action" value="filter" class="button">{% trans 'Filter' %}</button>
+                                <button name="action" value="filter" class="button button-filter">{% trans 'Filter' %}</button>
                             </li>
                         </ul>
                     </div>