From 90cb1c14510ffcb798625d696bb5f462a5ea10d4 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Fri, 8 Nov 2024 21:57:48 +1100
Subject: [PATCH] Add styling to sql query text area

---
 templates/partials/sql_explorer/sql_query.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/templates/partials/sql_explorer/sql_query.html b/templates/partials/sql_explorer/sql_query.html
index 578aed2..02495b3 100644
--- a/templates/partials/sql_explorer/sql_query.html
+++ b/templates/partials/sql_explorer/sql_query.html
@@ -6,7 +6,8 @@
     {% endif %}
 
     <form method="POST" hx-post="{{ url_for('sql_query') }}" hx-target="#sql-query">
-        <textarea name="query" rows="5" class="w-full p-2 border rounded mb-4"
+        <textarea name="query" spellcheck="false"
+            class="w-full h-48 p-4 font-mono text-sm text-gray-800 bg-gray-100 border border-gray-300 rounded-md resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
             placeholder="Enter your SQL query here..." required>{{ query }}</textarea>
         <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Execute</button>
     </form>