From 54b433c40c1576d27ace61e41b6fc54c8bdaaf0c Mon Sep 17 00:00:00 2001
From: William Desportes <williamdes@wdes.fr>
Date: Sat, 19 Nov 2022 19:51:44 +0100
Subject: [PATCH] Convert "Filter rows" on results table to Bootstrap

Signed-off-by: William Desportes <williamdes@wdes.fr>
---
 templates/database/central_columns/main.twig |  2 +-
 templates/display/results/table.twig         | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/templates/database/central_columns/main.twig b/templates/database/central_columns/main.twig
index cb993af868..dd2755efc0 100644
--- a/templates/database/central_columns/main.twig
+++ b/templates/database/central_columns/main.twig
@@ -163,7 +163,7 @@
             {% endif %}
             <td class="navigation_separator"></td>
             <td>
-              <div class="row">
+              <div class="row align-items-center">
                 <div class="col-auto">
                   <label for="filterRows" class="col-form-label">{% trans 'Filter rows' %}:</label>
                 </div>
diff --git a/templates/display/results/table.twig b/templates/display/results/table.twig
index dbd78a2afa..96b704497c 100644
--- a/templates/display/results/table.twig
+++ b/templates/display/results/table.twig
@@ -134,9 +134,15 @@
         </td>
         <td class="navigation_separator"></td>
         <td class="largescreenonly">
-          <span>{% trans 'Filter rows' %}:</span>
-          <input type="text" class="filter_rows" placeholder="
-          {%- trans 'Search this table' %}" data-for="{{ unique_id }}">
+          <div class="row g-1 p-1 align-items-center">
+            <div class="col-auto">
+              <label for="filterRows" class="col-form-label">{% trans 'Filter rows' %}:</label>
+            </div>
+            <div class="col-auto">
+              <input type="text" id="filterRows" class="filter_rows form-control"
+                    placeholder="{% trans 'Search this table' %}" data-for="{{ unique_id }}">
+            </div>
+          </div>
         </td>
         <td class="largescreenonly">
           {% if navigation.sort_by_key is not empty %}