From d5b777d720165f75cac73958e94499d07c5d2eef Mon Sep 17 00:00:00 2001
From: crxmsxn <59166650+asterisk727@users.noreply.github.com>
Date: Sat, 4 Oct 2025 13:57:31 -0400
Subject: [PATCH] fix: mobile styling for favorites (#181)

---
 AquaNet/src/pages/UserHome.svelte | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte
index e2f63705..b7ecea7c 100644
--- a/AquaNet/src/pages/UserHome.svelte
+++ b/AquaNet/src/pages/UserHome.svelte
@@ -571,17 +571,14 @@
 
   .favorites
     .scores
-      display: flex
-      flex-wrap: wrap
-      flex-direction: row
+      display: grid
+      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
       gap: 20px
 
-
       // Image and song info
       > div
         display: flex
         align-items: center
-        width: calc(calc(100% / 3) - 20px) // what the fuck is going on anymore
         gap: 20px
         
         background-color: rgba(white, 0.03)
@@ -607,7 +604,7 @@
 
           // Limit song name to one line
           .song-title
-            max-width: 100%
+            max-width: 90%
             overflow: hidden
             text-overflow: ellipsis
             white-space: nowrap