From 450630637751f28b72fa20b673bdd8f5bac44c13 Mon Sep 17 00:00:00 2001
From: Brock H Caldwell <brock@caldwellnetworks.com>
Date: Fri, 9 May 2025 16:25:35 -0500
Subject: [PATCH] fix: styles on monitoring and search buttons

---
 src/Controller/SearchController.php      |  6 +++---
 templates/components/SearchBar.html.twig | 11 ++++++++++-
 templates/search/result.html.twig        | 23 +++++++++++++----------
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/Controller/SearchController.php b/src/Controller/SearchController.php
index 4f50049..5b63d78 100644
--- a/src/Controller/SearchController.php
+++ b/src/Controller/SearchController.php
@@ -38,8 +38,8 @@ final class SearchController extends AbstractController
     ): Response {
         $cacheId = sprintf("page.%s.%s", $input->mediaType, $input->tmdbId);
 
-        return $cache->get($cacheId, function (ItemInterface $item) use ($input) {
-            $item->expiresAt(Carbon::now()->addHour()->setMinute(0)->setSecond(0));
+//        return $cache->get($cacheId, function (ItemInterface $item) use ($input) {
+//            $item->expiresAt(Carbon::now()->addHour()->setMinute(0)->setSecond(0));
             $result = $this->getMediaInfoHandler->handle($input->toCommand());
             return $this->render('search/result.html.twig', [
                 'results' => $result,
@@ -52,6 +52,6 @@ final class SearchController extends AbstractController
                     'episode' => ''
                 ]
             ]);
-        });
+//        });
     }
 }
diff --git a/templates/components/SearchBar.html.twig b/templates/components/SearchBar.html.twig
index ce91495..0fe00d7 100644
--- a/templates/components/SearchBar.html.twig
+++ b/templates/components/SearchBar.html.twig
@@ -11,7 +11,16 @@
                     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 shadow-sm hover:shadow focus:bg-green-700 focus:shadow-none active:bg-green-700 hover:bg-green-700 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
+                    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 shadow-sm hover:shadow
+                    focus:bg-green-700 focus:shadow-none active:bg-green-700
+                    hover:bg-green-700 active:shadow-none disabled:pointer-events-none
+                    disabled:opacity-50 disabled:shadow-none
+
+                    text-white bg-green-800 bg-opacity-60 text-sm
+                    hover:bg-green-900 border border-green-500
+"
                     type="submit"
             >
                 Search
diff --git a/templates/search/result.html.twig b/templates/search/result.html.twig
index fd05806..199de6c 100644
--- a/templates/search/result.html.twig
+++ b/templates/search/result.html.twig
@@ -30,7 +30,12 @@
                             })}}
                                 data-monitor-button-result-filter-outlet="#filter"
                             >
-                                <button data-monitor-button-target="button" {{ stimulus_action('monitor_button', 'toggle', 'click') }} class="h-8 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-1.5 text-center inline-flex items-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800" type="button">
+                                <button data-monitor-button-target="button" {{ stimulus_action('monitor_button', 'toggle', 'click') }}
+                                        class="h-8 text-white bg-green-800 bg-opacity-60 font-medium rounded-lg text-sm
+                                         px-2 py-1.5 text-center inline-flex items-center hover:bg-green-900 border-2
+                                         border-green-500"
+                                        type="button"
+                                >
                                     Monitor
                                     <svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
@@ -38,23 +43,21 @@
                                 </button>
 
                                 <!-- Dropdown menu -->
-                                <div data-monitor-button-target="options" class="absolute mt-1 right-12 z-40 hidden bg-white divide-y rounded-lg shadow-sm w-44 dark:bg-green-600 backdrop-filter backdrop-blur-md bg-opacity-60">
-                                    <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
+                                <div data-monitor-button-target="options"
+                                     class="absolute mt-1 right-12 z-40 hidden divide-y rounded-md shadow-sm
+                                     w-44 bg-green-800 backdrop-filter bg-opacity-100 border-2 border-green-500"
+                                >
+                                    <ul class="py-2 text-sm text-gray-100" aria-labelledby="dropdownDefaultButton">
                                         <li {{ stimulus_action('monitor_button', 'monitorSeries', 'click') }}>
-                                            <button class="px-4 py-2 hover:bg-green-700 w-full text-left">
+                                            <button class="px-4 py-2 hover:bg-green-950 w-full text-left">
                                                 Entire Series
                                             </button>
                                         </li>
                                         <li {{ stimulus_action('monitor_button', 'monitorSeason', 'click') }}>
-                                            <button class="px-4 py-2 hover:bg-green-700 w-full text-left">
+                                            <button class="px-4 py-2 hover:bg-green-950 w-full text-left">
                                                 Season
                                             </button>
                                         </li>
-                                        <li {{ stimulus_action('monitor_button', 'monitorEpisode', 'click') }}>
-                                            <button class="px-4 py-2 hover:bg-green-700 w-full text-left">
-                                                Episode
-                                            </button>
-                                        </li>
                                     </ul>
                                 </div>
                             </div>