From 36d24176ae863bd23db7224d299e0e6c7128330c Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Sat, 3 Jan 2026 23:55:52 +0100
Subject: [PATCH] fix: music rows full width

---
 .../music/album/[albumId].tsx                      | 14 ++++++--------
 .../music/artist/[artistId].tsx                    |  8 ++++----
 .../music/playlist/[playlistId].tsx                |  4 +---
 .../(libraries)/music/[libraryId]/suggestions.tsx  |  8 ++++----
 4 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/album/[albumId].tsx b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/album/[albumId].tsx
index 0b71857b..67095640 100644
--- a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/album/[albumId].tsx
+++ b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/album/[albumId].tsx
@@ -185,14 +185,12 @@ export default function AlbumDetailScreen() {
         </View>
       }
       renderItem={({ item, index }) => (
-        <View className='px-4'>
-          <MusicTrackItem
-            track={item}
-            index={index + 1}
-            queue={tracks}
-            showArtwork={false}
-          />
-        </View>
+        <MusicTrackItem
+          track={item}
+          index={index + 1}
+          queue={tracks}
+          showArtwork={false}
+        />
       )}
       keyExtractor={(item) => item.Id!}
     />
diff --git a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/artist/[artistId].tsx b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/artist/[artistId].tsx
index 7722d3b0..e7f69cb6 100644
--- a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/artist/[artistId].tsx
+++ b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/artist/[artistId].tsx
@@ -209,16 +209,16 @@ export default function ArtistDetailScreen() {
               renderItem={(item) => <MusicAlbumCard album={item} />}
             />
           ) : (
-            <View className='px-4'>
-              {section.data.slice(0, 5).map((track, index) => (
+            section.data
+              .slice(0, 5)
+              .map((track, index) => (
                 <MusicTrackItem
                   key={track.Id}
                   track={track}
                   index={index + 1}
                   queue={section.data}
                 />
-              ))}
-            </View>
+              ))
           )}
         </View>
       )}
diff --git a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/playlist/[playlistId].tsx b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/playlist/[playlistId].tsx
index a896bda9..8b4c3980 100644
--- a/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/playlist/[playlistId].tsx
+++ b/app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/playlist/[playlistId].tsx
@@ -181,9 +181,7 @@ export default function PlaylistDetailScreen() {
         </View>
       }
       renderItem={({ item, index }) => (
-        <View className='px-4'>
-          <MusicTrackItem track={item} index={index + 1} queue={tracks} />
-        </View>
+        <MusicTrackItem track={item} index={index + 1} queue={tracks} />
       )}
       keyExtractor={(item) => item.Id!}
     />
diff --git a/app/(auth)/(tabs)/(libraries)/music/[libraryId]/suggestions.tsx b/app/(auth)/(tabs)/(libraries)/music/[libraryId]/suggestions.tsx
index 98c468c4..0b49c803 100644
--- a/app/(auth)/(tabs)/(libraries)/music/[libraryId]/suggestions.tsx
+++ b/app/(auth)/(tabs)/(libraries)/music/[libraryId]/suggestions.tsx
@@ -268,16 +268,16 @@ export default function SuggestionsScreen() {
                 renderItem={(item) => <MusicAlbumCard album={item} />}
               />
             ) : (
-              <View className='px-4'>
-                {section.data.slice(0, 5).map((track, index, _tracks) => (
+              section.data
+                .slice(0, 5)
+                .map((track, index, _tracks) => (
                   <MusicTrackItem
                     key={track.Id}
                     track={track}
                     index={index + 1}
                     queue={section.data}
                   />
-                ))}
-              </View>
+                ))
             )}
           </View>
         )}