From ca679a66b9ce61d3889582e01aa95aba2251feba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maur=C3=ADcio=20Meneghini=20Fauth?= <mauricio@fauth.dev>
Date: Thu, 26 Nov 2020 17:00:09 -0300
Subject: [PATCH] Use Bootstrap's table for db events page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
---
 templates/database/events/editor_form.twig | 2 +-
 templates/database/events/index.twig       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/templates/database/events/editor_form.twig b/templates/database/events/editor_form.twig
index 5ff5633cb9..feba06af91 100644
--- a/templates/database/events/editor_form.twig
+++ b/templates/database/events/editor_form.twig
@@ -7,7 +7,7 @@
 
   <fieldset>
     <legend>{% trans 'Details' %}</legend>
-    <table class="pma-table rte_table">
+    <table class="rte_table table table-borderless table-sm">
       <tr>
         <td>{% trans 'Details' %}</td>
         <td>
diff --git a/templates/database/events/index.twig b/templates/database/events/index.twig
index 9d6dc66718..a6429a9012 100644
--- a/templates/database/events/index.twig
+++ b/templates/database/events/index.twig
@@ -11,7 +11,8 @@
       {% trans 'There are no events to display.' %}
     </div>
 
-    <table class="pma-table data{{ items is empty ? ' hide' }}">
+    <table class="table table-light table-striped table-hover{{ items is empty ? ' hide' }}">
+      <thead class="thead-light">
       <tr>
         <th></th>
         <th>{% trans 'Name' %}</th>
@@ -19,6 +20,8 @@
         <th colspan="3">{% trans 'Action' %}</th>
         <th>{% trans 'Type' %}</th>
       </tr>
+      </thead>
+      <tbody>
       <tr class="hide">{% for i in 0..6 %}<td></td>{% endfor %}</tr>
 
       {% for event in items %}
@@ -75,6 +78,7 @@
           </td>
         </tr>
       {% endfor %}
+      </tbody>
     </table>
 
     {% if items is not empty %}