add button to clear filter

app/rest/templates/button-nav.tpl

@@ -2,19 +2,18 @@
   <div class="pure-u-1">
     <div class="pure-button-group" role="group" style="padding: 1em 0 0;">
     <style>
-
-.button-resize { font-size: 70%; }
+.button-resize { font-size: 65%; }
 @media screen and (min-width:35.5em){
-    .button-resize { font-size: 85%; }
+    .button-resize { font-size: 70%; }
 }
 @media screen and (min-width:40em){
-    .button-resize { font-size: 100%; }
+    .button-resize { font-size: 85%; }
 }
 @media screen and (min-width:64em){
-    .button-resize { font-size: 110%; }
+    .button-resize { font-size: 100%; }
 }
 @media screen and (min-width:80em){
-    .button-resize { font-size: 125%; }
+    .button-resize { font-size: 110%; }
 }
     </style>
       <button class="button-resize pure-button" type="submit"> Apply </button>
@@ -23,6 +22,7 @@
     %   label = target.title()
       <button class="button-resize pure-button" type="submit" formaction="{{target}}" {{!disabled}}> {{label}} </button>
     % end
+      <button form="clear" class="button-resize pure-button" type="submit"> Clear </button>
     </div>
   </div>
 </div>

app/rest/templates/form-clear.tpl

@@ -0,0 +1,7 @@
+<form id="clear" method="{{ method }}" action="{{ action }}">
+  <div style="width: 0; height: 1em">
+  % for param in params:
+  %   include('hidden-input', name=param['name'])
+  % end
+  </div>
+</form>

app/rest/templates/form-nav.tpl

@@ -5,4 +5,5 @@
   %   include('hidden-input', **param)
   % end
   </div>
-</form>
+</form>
+% include('form-clear', params=params)

app/rest/templates/form.tpl

@@ -10,4 +10,11 @@
         %>
     </div>
   </details>
-</form>
+</form>
+% include('form-clear', params=[
+%   {'name': 'product'},
+%   {'name': 'category'},
+%   {'name': 'group'},
+%   {'name': 'tags'},
+%   {'name': 'unit'}
+% ])

app/rest/templates/hidden-input.tpl

@@ -1 +1,2 @@
+% setdefault("value", "")
 <input type="text" name="{{name}}" value="{{value}}" hidden="true"/>