From 86bb38a63421770db9e24c5221e09b5c23f2e080 Mon Sep 17 00:00:00 2001
From: Anda Toshiki <101481353+andatoshiki@users.noreply.github.com>
Date: Thu, 9 May 2024 15:55:26 -0700
Subject: [PATCH] test(overflow): add `break-all` property to the first section
 of song page forcing lengthy song title to hide details on devices with
 smaller-scaled ua dimensions

---
 src/pages/me/songs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/me/songs.vue b/src/pages/me/songs.vue
index 75d7308..18ff9fe 100644
--- a/src/pages/me/songs.vue
+++ b/src/pages/me/songs.vue
@@ -123,7 +123,7 @@ export default Vue.extend({
             <section id="top-songs">
                 <Title class="mb-4">Top Songs (last 7 days)</Title>
 
-                <div class="grid gap-x-4 gap-y-2 md:grid-cols-2">
+                <div class="grid gap-x-4 gap-y-2 break-all md:grid-cols-2">
                     <CardLastFm
                         v-for="song of lastFm.topTracks"
                         :key="song.name"