From cb925472719b9991ad9926ae44e259a28f5ca432 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Sun, 1 Mar 2026 15:05:36 -0500
Subject: [PATCH] Refactor DiscoverView: smaller cards (2 columns on mobile),
 square featured cards, and compact info to satisfy size request

---
 frontend/src/views/DiscoverView.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/DiscoverView.vue b/frontend/src/views/DiscoverView.vue
index 0c04245..0fc0986 100644
--- a/frontend/src/views/DiscoverView.vue
+++ b/frontend/src/views/DiscoverView.vue
@@ -562,7 +562,7 @@ function resetFilters() {
   border-radius: 1.125rem;
   overflow: hidden;
   cursor: pointer;
-  aspect-ratio: 3/4;
+  aspect-ratio: 1/1;
   background: var(--bg-secondary);
   transition: transform 0.2s;
 }
@@ -593,31 +593,34 @@ function resetFilters() {
   bottom: 0;
   left: 0;
   right: 0;
-  padding: 0.875rem;
+  padding: 0.625rem 0.75rem;
   z-index: 2;
 }
 
 .featured-cat {
   display: inline-flex;
   align-items: center;
-  gap: 0.25rem;
+  gap: 0.2rem;
   background: var(--active-color);
   color: #101820;
-  font-size: 0.6875rem;
+  font-size: 0.6rem;
   font-weight: 800;
-  padding: 0.15rem 0.5rem;
+  padding: 0.125rem 0.4rem;
   border-radius: 99px;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  margin-bottom: 0.375rem;
+  margin-bottom: 0.25rem;
 }
 
 .featured-name {
-  margin: 0 0 0.25rem;
-  font-size: 1rem;
+  margin: 0 0 0.125rem;
+  font-size: 0.875rem;
   font-weight: 900;
   color: #ffffff;
-  line-height: 1.2;
+  line-height: 1.1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .featured-area {