From b736d8fcb22a4975efe56d47928876d86ee7674e Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Fri, 17 Jan 2025 06:15:51 -0600
Subject: [PATCH] but we still want this aligned

---
 components/Artist/component.tsx | 51 +++++++++++++++++----------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/components/Artist/component.tsx b/components/Artist/component.tsx
index 4e951aa5..cf9c0c2e 100644
--- a/components/Artist/component.tsx
+++ b/components/Artist/component.tsx
@@ -63,31 +63,32 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
                 </YStack>
 
                 <H2>Albums</H2>
-                <FlatList
-                    contentContainerStyle={{
-                        flexGrow: 1,
-                        justifyContent: 'center',
-                        // alignItems: "center"
-                    }}
-                    data={albums}
-                    numColumns={columns} // TODO: Make this adjustable
-                    renderItem={({ item: album }) => {
-                        return (
-                            <ItemCard
-                                caption={album.Name}
-                                subCaption={album.ProductionYear?.toString()}
-                                width={(width / 1.1) / columns}
-                                cornered 
-                                itemId={album.Id!}
-                                onPress={() => {
-                                    props.navigation.navigate('Album', {
-                                        album
-                                    })
-                                }}
-                            />
-                        )
-                    }}
-                />
+                    <YStack alignItems="center">
+                        <FlatList
+                            contentContainerStyle={{
+                                flexGrow: 1,
+                                justifyContent: 'center',
+                            }}
+                            data={albums}
+                            numColumns={columns} // TODO: Make this adjustable
+                            renderItem={({ item: album }) => {
+                                return (
+                                    <ItemCard
+                                        caption={album.Name}
+                                        subCaption={album.ProductionYear?.toString()}
+                                        width={(width / 1.1) / columns}
+                                        cornered 
+                                        itemId={album.Id!}
+                                        onPress={() => {
+                                            props.navigation.navigate('Album', {
+                                                album
+                                            })
+                                        }}
+                                    />
+                                )
+                            }}
+                        />
+                    </YStack>
             </ScrollView>
         </SafeAreaView>
     )