|
@@ -1,10 +1,8 @@
|
|
<div class="pure-g">
|
|
<div class="pure-g">
|
|
- <div class="pure-u-1">
|
|
|
|
- <div class="pure-button-group" role="group" style="padding: 1em 0 0;">
|
|
|
|
- <style>
|
|
|
|
-.button-resize { font-size: 65%; }
|
|
|
|
|
|
+ <style>
|
|
|
|
+.button-resize { font-size: 70%; }
|
|
@media screen and (min-width:35.5em){
|
|
@media screen and (min-width:35.5em){
|
|
- .button-resize { font-size: 70%; }
|
|
|
|
|
|
+ .button-resize { font-size: 75%; }
|
|
}
|
|
}
|
|
@media screen and (min-width:40em){
|
|
@media screen and (min-width:40em){
|
|
.button-resize { font-size: 85%; }
|
|
.button-resize { font-size: 85%; }
|
|
@@ -15,14 +13,21 @@
|
|
@media screen and (min-width:80em){
|
|
@media screen and (min-width:80em){
|
|
.button-resize { font-size: 110%; }
|
|
.button-resize { font-size: 110%; }
|
|
}
|
|
}
|
|
- </style>
|
|
|
|
- <button class="button-resize pure-button" type="submit"> Apply </button>
|
|
|
|
|
|
+ </style>
|
|
|
|
+ <div class="pure-u-1">
|
|
|
|
+ <div class="pure-button-group" role="nav" style="padding: 1em 0 0;">
|
|
% for target in ("trend", "products", "categories", "groups", "tags"):
|
|
% for target in ("trend", "products", "categories", "groups", "tags"):
|
|
% disabled = 'disabled="true"' if target == action else ''
|
|
% disabled = 'disabled="true"' if target == action else ''
|
|
% label = target.title()
|
|
% label = target.title()
|
|
<button class="button-resize pure-button" type="submit" formaction="{{target}}" {{!disabled}}> {{label}} </button>
|
|
<button class="button-resize pure-button" type="submit" formaction="{{target}}" {{!disabled}}> {{label}} </button>
|
|
% end
|
|
% end
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="pure-u-1">
|
|
|
|
+ <div class="pure-button-group" role="action" style="padding: 1em 0 0;">
|
|
|
|
+ <button class="button-resize pure-button" type="submit"> Apply </button>
|
|
<button form="clear" class="button-resize pure-button" type="submit"> Clear </button>
|
|
<button form="clear" class="button-resize pure-button" type="submit"> Clear </button>
|
|
|
|
+ <button form="reload" class="button-resize pure-button" type="submit"> Reload </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-</div>
|
|
|
|
|
|
+</div>
|