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, 23 insertions, 21 deletions

diff --git a/templates/category/create.html b/templates/category/create.html
index e206898..af95e16 100644
--- a/templates/category/create.html
+++ b/templates/category/create.html
@@ -6,7 +6,7 @@
 
 {% block main %}
 
-  <div>
+  <section class="g-Section">
     <p class="g-Paragraph">
       <a class="g-Link g-Media__Large" href="/categories">
         Retour aux categories
@@ -22,30 +22,32 @@
         <div class="g-Form__Error">{{ error }}</div>
       {% endif %}
 
-      <label class="g-Form__Label" for="name">Nom</label>
-      <input
-        name="name"
-        class="g-Form__Input"
-        id="name"
-        value="{{ form.name | default(value="") }}"
-        required
-        {% if not form %} autofocus {% endif %}
-      />
-
-      <label class="g-Form__Label" for="color">Couleur</label>
-      <input
-        name="color"
-        type="color"
-        class="g-Form__Input g-Form__InputColor"
-        id="color"
-        value="{{ form.color | default(value="") }}"
-        required
-      />
+      <label class="g-Form__Label">
+        Nom
+        <input
+          name="name"
+          class="g-Form__Input"
+          value="{{ form.name | default(value="") }}"
+          required
+          {% if not form %} autofocus {% endif %}
+        />
+      </label>
+
+      <label class="g-Form__Label">
+        Couleur
+        <input
+          name="color"
+          type="color"
+          class="g-Form__Input g-Form__InputColor"
+          value="{{ form.color | default(value="") }}"
+          required
+        />
+      </label>
 
       <div>
         <input class="g-Button__Validate" type="submit" value="Créer" />
       </div>
     </form>
-  </div>
+  </section>
 
 {% endblock main %}