From 913d185b46b5a4f9f93110c8aca20538d7b7bbc0 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Sun, 23 Apr 2023 01:29:59 +0200
Subject: [PATCH] fix: padding in similar scrollwheel

---
 src/screens/Music/stacks/Album.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/screens/Music/stacks/Album.tsx b/src/screens/Music/stacks/Album.tsx
index 6787c7d..b109c09 100644
--- a/src/screens/Music/stacks/Album.tsx
+++ b/src/screens/Music/stacks/Album.tsx
@@ -22,6 +22,7 @@ const Cover = styled(AlbumImage)`
     height: ${Screen.width / 2.8};
     width: ${Screen.width / 2.8};
     border-radius: 12px;
+    margin-bottom: 8px;
 `;
 
 function SimilarAlbum({ id }: { id: string }) {
@@ -43,7 +44,7 @@ function SimilarAlbum({ id }: { id: string }) {
             onPress={handlePress}
         >
             <Cover key={id} source={{ uri: getImage(id) }} />
-            <Text numberOfLines={1} style={{ fontSize: 13 }}>{album?.Name}</Text>
+            <Text numberOfLines={1} style={{ fontSize: 13, marginBottom: 2 }}>{album?.Name}</Text>
             <Text numberOfLines={1} style={{ opacity: 0.5, fontSize: 13 }}>{album?.Artists.join(', ')}</Text>
         </Pressable>
     );
@@ -88,7 +89,7 @@ const Album: React.FC = () => {
             {album?.Similar?.length ? (
                 <>
                     <SubHeader>Similar albums</SubHeader>
-                    <ScrollView horizontal style={{ marginLeft: -24, marginTop: 8, marginBottom: 36 }} contentContainerStyle={{ paddingLeft: 24 }} showsHorizontalScrollIndicator={false}>
+                    <ScrollView horizontal style={{ marginLeft: -24, marginRight: -24, marginTop: 8, marginBottom: 36 }} contentContainerStyle={{ paddingHorizontal: 24 }} showsHorizontalScrollIndicator={false}>
                         {album.Similar.map((id) => (
                             <SimilarAlbum id={id} key={id} />
                         ))}