From c7cc69a54cf47db7e61f505e5482722110efc894 Mon Sep 17 00:00:00 2001
From: Mohammed Rabeeh <mohammadrabeeh@gmail.com>
Date: Fri, 31 Jan 2020 00:48:23 +0530
Subject: [PATCH] Change Show Query Link to button

Signed-off-by: Mohammed Rabeeh <mohammadrabeeh@gmail.com>
---
 js/sql.js                           | 4 ++--
 templates/database/search/main.twig | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/js/sql.js b/js/sql.js
index 94cb838540..5dab4eb8c1 100644
--- a/js/sql.js
+++ b/js/sql.js
@@ -438,8 +438,8 @@ AJAX.registerOnload('sql.js', function () {
      * @name    appendToggleSpan
      */
     // do not add this link more than once
-    if (! $('#sqlqueryform').find('a').is('#togglequerybox')) {
-        $('<a id="togglequerybox"></a>')
+    if (! $('#sqlqueryform').find('button').is('#togglequerybox')) {
+        $('<button class="btn btn-secondary" id="togglequerybox"></button>')
             .html(Messages.strHideQueryBox)
             .appendTo('#sqlqueryform')
         // initially hidden because at this point, nothing else
diff --git a/templates/database/search/main.twig b/templates/database/search/main.twig
index 8ef0b1b0af..0696180140 100644
--- a/templates/database/search/main.twig
+++ b/templates/database/search/main.twig
@@ -81,4 +81,4 @@
     {# This sqlqueryform div is used to load the delete form in the db search #}
 </div>
 {# Toggle query box link #}
-<a id="togglequerybox"></a>
+<button class="btn btn-secondary" id="togglequerybox"></button>