Fix more responsiveness issues

resources/views/home/partials/tab/template.blade.php

@@ -1,9 +1,12 @@
-@php
-    $isThumbnail = $showThumbnails;
+@props([
+    'isThumbnail',
+    'rowsCount' => 2,
+])
 
+@php
     $gridClasses = $isThumbnail
-        ? 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6'
-        : 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-8';
+        ? 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4'
+        : 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 3xl:grid-cols-7';
 
     // Render enough items for largest possible layout
     $limit = 24;
@@ -13,7 +16,7 @@
 
 <div
     class="episode-grid grid {{ $gridClasses }}"
-    data-rows="2"
+    data-rows="{{ $rowsCount }}"
 >
     @foreach ($episodes->take($limit) as $ep)
         @php
@@ -22,7 +25,7 @@
                 : $ep;
         @endphp
 
-        <div class="episode-item">
+        <div class="episode-item p-1">
             <x-episode-cover
                 :episode="$episode"
                 :view="$view"