fix: result filter not filtering

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;

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;

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 {

tailwind.config.js

@@ -21,7 +21,8 @@ module.exports = {
       "transition-opacity",
       "ease-in",
       "duration-700",
-      "opacity-100"
+      "opacity-100",
+      "table-row"
   ],
   theme: {
       extend: {

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>