aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorJoris2022-08-21 14:32:34 +0200
committerJoris2022-08-21 15:02:34 +0200
commit337b2f5ef32ecace699d2225f31caf3257806b44 (patch)
tree98e77d6b0e7bd099227d5d0961893c7359c81105 /templates
parentc276e97deabef70daff74bbccac60ff468b5f772 (diff)
Fix payments page on narrow devices
After the introduction of filters, the payments table page was not very usable on mobile phones.
Diffstat (limited to 'templates')
-rw-r--r--templates/payment/table.html6
-rw-r--r--templates/payment/table/search.html4
2 files changed, 9 insertions, 1 deletions
diff --git a/templates/payment/table.html b/templates/payment/table.html
index 72ac59c..fc69b2d 100644
--- a/templates/payment/table.html
+++ b/templates/payment/table.html
@@ -41,6 +41,12 @@
{% if query.frequency != "Monthly" %} ponctuel {% else %} mensuel {% endif %}
</a>
+ <div class="g-ShowSearch">
+ <button class="g-Button__Secondary">
+ Rechercher
+ </button>
+ </div>
+
{% if payments %}
<div class="g-Table">
<div class="g-Table__Row g-Table__Row--Header">
diff --git a/templates/payment/table/search.html b/templates/payment/table/search.html
index e46b582..0ae2589 100644
--- a/templates/payment/table/search.html
+++ b/templates/payment/table/search.html
@@ -1,5 +1,4 @@
<form action="/" method="GET" class="g-Payments__Filters">
-
<label class="g-Form__Label">
Fréquence
<select name="frequency" class="g-Form__Select">
@@ -85,4 +84,7 @@
<input type="submit" class="g-Button__Validate" value="Rechercher">
+ <div class="g-Payments__CloseFilters">
+ <input type="button" class="g-Button__Secondary" value="Annuler" />
+ </div>
</form>