From 678dfb0ea95f33623a874a6c46b01a6a5ec9cb86 Mon Sep 17 00:00:00 2001
From: Santiago Lamora <santiago@ribaguifi.com>
Date: Tue, 15 Mar 2022 10:59:55 +0100
Subject: [PATCH] Refactor filter form HTML markup

Avoid using row & col
---
 .../templates/inventory/device_list.html      | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/ereuse_devicehub/templates/inventory/device_list.html b/ereuse_devicehub/templates/inventory/device_list.html
index eacbda29..bce1cd23 100644
--- a/ereuse_devicehub/templates/inventory/device_list.html
+++ b/ereuse_devicehub/templates/inventory/device_list.html
@@ -286,25 +286,20 @@
               {% endif %}
 
               <div class="tab-content pt-2">
-
-                {% if form_filter.filter.data %}
-                <h5 class="card-title">{{ form_filter.filter.data }}</h5>
-                {% else %}
-                <h5 class="card-title">Computer</h5>
-                {% endif %}
                 <form method="get">
-                  <div class="row">
-                  <div class="col-2">
-                  {% for f in form_filter %}
-                    {{ f }}
-                  {% endfor %}
-                  </div>
-                  <div class="col-1">
-                    <input type="submit" class="btn btn-primary" value="Search" />
-                  </div>
-                  <div class="col"></div>
+                  <div class="d-flex mt-4 mb-4">
+                    {% for f in form_filter %}
+                      {{ f }}
+                    {% endfor %}
+                    <input type="submit" class="ms-2 btn btn-primary" value="Filter" />
                   </div>
                 </form>
+
+                <p class="mt-3">
+                  Displaying devices of type
+                  <em>{{ form_filter.filter.data or "Computer" }}</em>
+                </p>
+
                 <table class="table">
                   <thead>
                     <tr>