From 6858d2d722f0c42781d103438931d2eb4c84602d Mon Sep 17 00:00:00 2001
From: Brock H Caldwell <brock@caldwellnetworks.com>
Date: Sat, 7 Jun 2025 15:31:22 -0500
Subject: [PATCH] fix: cleans up download list search bar

---
 templates/components/DownloadList.html.twig   |  2 +-
 templates/components/DownloadSearch.html.twig | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/templates/components/DownloadList.html.twig b/templates/components/DownloadList.html.twig
index 6d66a7e..5064a81 100644
--- a/templates/components/DownloadList.html.twig
+++ b/templates/components/DownloadList.html.twig
@@ -2,7 +2,7 @@
     {% set table_body_id = (type == "complete") ? "complete_downloads" : "active_downloads" %}
 
     {% if this.isWidget == false %}
-        <div class="flex flex-row mb-2">
+        <div class="flex flex-row mb-2 justify-end">
             <twig:DownloadSearch search_path="app_search" placeholder="Find one of your downloads..." />
         </div>
     {% endif %}
diff --git a/templates/components/DownloadSearch.html.twig b/templates/components/DownloadSearch.html.twig
index b667991..191c5a9 100644
--- a/templates/components/DownloadSearch.html.twig
+++ b/templates/components/DownloadSearch.html.twig
@@ -3,24 +3,24 @@
         <form>
             <input
                     data-model="term"
-                    class="w-full bg-orange-500 rounded-md bg-clip-padding backdrop-filter
-                         backdrop-blur-md bg-opacity-40 placeholder:text-slate-200 text-gray-50
-                         text-sm border border-orange-500 rounded-md pl-3 pr-28 py-2 transition
+                    class="w-full bg-transparent
+                          placeholder:text-slate-200 text-gray-50
+                         text-sm border-b border-orange-500 pl-3 pr-28 py-2 transition
                          duration-300 ease focus:outline-none focus:border-orange-400 hover:border-orange-300
                          shadow-sm focus:shadow"
                     placeholder="{{ placeholder ?? 'TV Show, Movie...' }}"
             />
             <button
-                    class="absolute top-1 right-1 flex items-center rounded
-                    bg-green-600 py-1 px-2.5 border border-transparent text-center
-                    text-sm text-white transition-all
+                    class="absolute top-1 right-1 flex items-center
+                    bg-green-600 py-1 px-2  text-center
+                    text-md text-white transition-all
                     focus:bg-green-700 active:bg-green-700 hover:bg-green-700
 
-                    text-white bg-green-600 text-sm
-                    border border-green-500
-                    backdrop-filter backdrop-blur-md bg-opacity-80
+                    text-white bg-green-600 text-xs
+                     rounded-sm
+                    bg-opacity-80
 "
-                    type="submit"
+                    onclick="return false;"
             >
                 Search
             </button>