Search payments by categories explicitely

It was already possible to search by categories in the full text input,
but it could have matched other fields as well.

Explicitely add a select to search by categories.

Also put the search form in a left aside. The mobile view is not done
for the moment.

1 files changed, 26 insertions, 23 deletions

diff --git a/templates/category/table.html b/templates/category/table.html
index 896304a..ad42258 100644
--- a/templates/category/table.html
+++ b/templates/category/table.html
@@ -6,33 +6,36 @@
 
 {% block main %}
 
-  <div class="g-Paragraph g-Payments__Header">
-    <a class="g-Button__Validate" href="/category">Nouveau</a>
-  </div>
+  <section class="g-Section">
 
-  {% if not categories %}
+    {% if not categories %}
+      <div class="g-Payments__NoResults">
+        Il n’y a aucune catégorie.
+      </div>
+    {% endif %}
 
-    <div class="g-Payments__NoResults">
-      Il n’y a aucune catégorie.
+    <div class="g-Paragraph">
+      <a class="g-Button__Validate" href="/category">Ajouter une catégorie</a>
     </div>
 
-  {% else %}
-
-    <div class="g-Table">
-      {% for category in categories %}
-        <a
-          class="g-Table__Row {% if highlight == category.id %} g-Table__Row--Highlight {% endif %}"
-          href="/category/{{ category.id }}"
-        >
-          <span
-            class="g-Table__Cell"
-            style="color: {{ category.color }}"
+    {% if categories %}
+      <div class="g-Table">
+        {% for category in categories %}
+          <a
+            class="g-Table__Row {% if highlight == category.id %} g-Table__Row--Highlight {% endif %}"
+            href="/category/{{ category.id }}"
           >
-            {{ category.name }}
-          </span>
-        </a>
-      {% endfor %}
-    </div>
+            <span
+              class="g-Table__Cell"
+              style="color: {{ category.color }}"
+            >
+              {{ category.name }}
+            </span>
+          </a>
+        {% endfor %}
+      </div>
+    {% endif %}
+
+  </section>
 
-  {% endif %}
 {% endblock main %}