From fdae399dce3c255c88dd736735951b17408e90c0 Mon Sep 17 00:00:00 2001
From: Azpect3120 <104033825+Azpect3120@users.noreply.github.com>
Date: Thu, 22 Aug 2024 17:17:29 -0700
Subject: [PATCH] FIX: Spinner for running query is complete.

---
 web/templates/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/templates/index.html b/web/templates/index.html
index 6165d0e..8e758ff 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -74,7 +74,7 @@
             <!-- Query Input -->
             <div id="query-main" class="mb-4">
               <div class="flex items-center justify-between">
-                <label for="sql" class="block text-sm font-medium text-gray-700">SQL Query</label>
+                <label for="sql" class="block text-sm font-medium text-gray-700">SQL Query </label>
                 <div class="flex items-center space-x-6">
                   <form class="flex items-center space-x-2" hx-get="/v1/web/query/auto" hx-swap="outerHTML" hx-target="#query-main" hx-trigger="input">
                     <label for="auto-toggle" class="text-sm font-medium text-gray-700">Auto-Run</label>
@@ -95,7 +95,7 @@
               <!-- Auto Query Input -->
               <!-- <textarea id="sql" name="sql" rows="4" class="mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm" hx-post="/v1/api/query" hx-trigger="input delay:500ms" hx-swap="outerHTML" hx-target="#query-results" hx-indicator="#spinner"></textarea> -->
 
-              <p id="spinner" class="text-gray-700 text-sm px-1 py-2 htmx-indicator hidden"> Query running... </p>
+              <p id="spinner" class="text-gray-700 text-sm px-1 py-2 htmx-indicator opacity-0"> Query running... </p>
               <p id="query-error" hx-swap-oob="outerHTML" class="text-red-500 py-2 text-sm hidden"></p>
             </div>