From 98041fd20b5968ba1e08508e1ae0a901fa92a4e2 Mon Sep 17 00:00:00 2001
From: Brock H Caldwell <brock@caldwellnetworks.com>
Date: Sat, 5 Jul 2025 13:58:00 -0500
Subject: [PATCH] fix: result filter not filtering

---
 assets/controllers/movie_results_controller.js     | 2 ++
 assets/controllers/tv_results_controller.js        | 2 ++
 assets/styles/app.css                              | 8 ++++++++
 tailwind.config.js                                 | 3 ++-
 templates/torrentio/partial/option-table.html.twig | 2 +-
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/assets/controllers/movie_results_controller.js b/assets/controllers/movie_results_controller.js
index b50b7da..f4464de 100644
--- a/assets/controllers/movie_results_controller.js
+++ b/assets/controllers/movie_results_controller.js
@@ -56,6 +56,7 @@ export default class extends Controller {
             }
 
             let include = true;
+            option.classList.add('r-tablerow');
             option.classList.remove('hidden');
             option.querySelector('input[type="checkbox"]').checked = false;
 
@@ -81,6 +82,7 @@ export default class extends Controller {
             }
 
             if (false === include) {
+                option.classList.remove('r-tablerow');
                 option.classList.add('hidden');
             } else if (true === firstIncluded) {
                 count = 1;
diff --git a/assets/controllers/tv_results_controller.js b/assets/controllers/tv_results_controller.js
index 68d4a8e..291b7f1 100644
--- a/assets/controllers/tv_results_controller.js
+++ b/assets/controllers/tv_results_controller.js
@@ -135,6 +135,7 @@ export default class extends Controller {
             }
 
             let include = true;
+            option.classList.add('r-tablerow');
             option.classList.remove('hidden');
             option.querySelector('input[type="checkbox"]').checked = false;
 
@@ -160,6 +161,7 @@ export default class extends Controller {
             }
 
             if (false === include) {
+                option.classList.remove('r-tablerow');
                 option.classList.add('hidden');
             } else if (true === firstIncluded) {
                 count = 1;
diff --git a/assets/styles/app.css b/assets/styles/app.css
index 3baa880..2e754ef 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -68,10 +68,18 @@ dialog[data-dialog-target="dialog"][closing] {
     display: none;
 }
 
+.r-tablerow {
+    display: flex;
+}
+
 @media screen and (min-width: 768px) {
     .r-tablecell {
         display: inline-table;
     }
+
+    .r-tablerow {
+        display: table-row;
+    }
 }
 
 .options-table {
diff --git a/tailwind.config.js b/tailwind.config.js
index 2e9d5f3..c5218d9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -21,7 +21,8 @@ module.exports = {
       "transition-opacity",
       "ease-in",
       "duration-700",
-      "opacity-100"
+      "opacity-100",
+      "table-row"
   ],
   theme: {
       extend: {
diff --git a/templates/torrentio/partial/option-table.html.twig b/templates/torrentio/partial/option-table.html.twig
index 1c1aeda..92c680d 100644
--- a/templates/torrentio/partial/option-table.html.twig
+++ b/templates/torrentio/partial/option-table.html.twig
@@ -37,7 +37,7 @@
     </thead>
     <tbody class="flex-1 sm:flex-none">
     {% for result in results.results %}
-        <tr class="bg-white dark:bg-slate-700 flex flex-col flex-no wrap sm:table-row border-b border-gray-500" data-provider="{{ result.provider }}" data-languages="{{ result.languages|json_encode }}" {% if "tvshows" == results.media.mediaType %} data-season="{{ results.season }}"{% endif %}>
+        <tr class="bg-white dark:bg-slate-700 flex flex-col flex-no wrap r-tablerow border-b border-gray-500" data-provider="{{ result.provider }}" data-languages="{{ result.languages|json_encode }}" {% if "tvshows" == results.media.mediaType %} data-season="{{ results.season }}"{% endif %}>
             <td id="size" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
                 {{ result.size }}
             </td>