From 3ee63aca8c3306ab59bce29cc37f2ae8fb63c464 Mon Sep 17 00:00:00 2001
From: Matt Scott <matt@azorian.solutions>
Date: Mon, 20 Feb 2023 14:52:01 -0500
Subject: [PATCH] Tweaked styling for global search query form to include
 curved edges in accordance with the latest styling.

---
 .../templates/admin_global_search.html        | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/powerdnsadmin/templates/admin_global_search.html b/powerdnsadmin/templates/admin_global_search.html
index 4c4e79d..9ec28d1 100644
--- a/powerdnsadmin/templates/admin_global_search.html
+++ b/powerdnsadmin/templates/admin_global_search.html
@@ -44,13 +44,19 @@
                                 <!-- /.callout -->
                                 <div class="form-group">
                                     <div class="input-group">
-                                        <label for="txtQuery" class="input-group-text">Search Query</label>
-                                        <input type="text" id="txtQuery" name="q" class="form-control"
-                                               value="{{ query }}"
-                                               placeholder="Enter search query...">
-                                        <button type="submit" class="btn btn-flat btn-success" title="Execute Query">
-                                            <i class="fa fa-search"></i>
-                                        </button>
+                                        <div class="input-group-prepend">
+                                            <label id="txtQuery" class="input-group-text">
+                                                Search Query
+                                            </label>
+                                        </div>
+                                            <input type="text" id="txtQuery" name="q" class="form-control"
+                                                   value="{{ query }}"
+                                                    placeholder="Enter search query...">
+                                            <div class="input-group-append">
+                                            <button type="submit" class="btn btn-success" title="Execute Query">
+                                                <i class="fa-solid fa-search"></i>
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
                                 <!-- /.form-group -->