diff options
| author | Joris | 2022-08-21 14:32:34 +0200 |
|---|---|---|
| committer | Joris | 2022-08-21 15:02:34 +0200 |
| commit | 337b2f5ef32ecace699d2225f31caf3257806b44 (patch) | |
| tree | 98e77d6b0e7bd099227d5d0961893c7359c81105 /templates | |
| parent | c276e97deabef70daff74bbccac60ff468b5f772 (diff) | |
| download | budget-337b2f5ef32ecace699d2225f31caf3257806b44.tar.gz budget-337b2f5ef32ecace699d2225f31caf3257806b44.tar.bz2 budget-337b2f5ef32ecace699d2225f31caf3257806b44.zip | |
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.html | 6 | ||||
| -rw-r--r-- | templates/payment/table/search.html | 4 |
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> |