From 4bc14caae7d451c562df6d327e69b9b45173ae40 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Thu, 12 Feb 2026 13:21:13 +0000
Subject: [PATCH] Match algo filter layout to Films/My List (slider spacing)

Replaced the grid layout on the algo filter view with the same flex
slider container (gap-8, pt-6 pb-8, fixed card widths) used by
ContentRow and My List, with flex-wrap so all items remain visible.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/views/Browse.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Browse.vue b/src/views/Browse.vue
index ce37d54..f527758 100644
--- a/src/views/Browse.vue
+++ b/src/views/Browse.vue
@@ -177,11 +177,11 @@
             <h2 class="content-row-title text-xl md:text-2xl font-bold text-white mb-4 px-4 uppercase">
               {{ activeAlgorithmLabel }}
             </h2>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4 md:gap-6 px-4">
+            <div class="flex gap-8 overflow-x-auto overflow-y-visible scrollbar-hide scroll-smooth px-4 pt-6 pb-8 flex-wrap">
               <div
                 v-for="content in filteredContent"
                 :key="content.id"
-                class="content-card group/card cursor-pointer"
+                class="content-card flex-shrink-0 w-[200px] md:w-[280px] group/card cursor-pointer"
                 @click="handleContentClick(content)"
               >
                 <div class="glass-card rounded-lg p-1.5 transition-all duration-300">