From fef2ee968835afc94f3c3c3097ef9d3f0d9372ab Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sat, 5 Apr 2025 21:40:13 -0500
Subject: [PATCH] actually I need this

---
 components/ItemDetail/component.tsx            | 15 ++++++++++++++-
 components/ItemDetail/helpers/TrackOptions.tsx |  6 +++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/components/ItemDetail/component.tsx b/components/ItemDetail/component.tsx
index 1b634f5d..e488146e 100644
--- a/components/ItemDetail/component.tsx
+++ b/components/ItemDetail/component.tsx
@@ -13,6 +13,7 @@ import { TextTickerConfig } from "../Player/component.config";
 import { Image } from "expo-image";
 import { getImageApi } from "@jellyfin/sdk/lib/utils/api";
 import Client from "../../api/client";
+import Icon from "../Global/helpers/icon";
 
 export default function ItemDetail({ 
     item, 
@@ -73,10 +74,19 @@ export default function ItemDetail({
 
                 <XStack 
                     justifyContent="center"
-                    alignItems="center"
+                    alignItems="flex-start"
                     minHeight={width / 1.5}
                     minWidth={width / 1.5}
                 >
+                    <Icon
+                        name="chevron-down"
+                        onPress={() => {
+                            navigation.goBack();
+                        }}
+                        small
+                    />
+
+                    <Spacer />
 
                     <Image
                         source={getImageApi(Client.api!)
@@ -92,6 +102,9 @@ export default function ItemDetail({
                             borderRadius: item.Type === "MusicArtist" ? width / 1.5 : getToken("$5")
                         }}
                     />
+
+                    <Spacer />
+                    <Spacer />
                 </XStack>
 
                 {/* Item Name, Artist, Album, and Favorite Button */}
diff --git a/components/ItemDetail/helpers/TrackOptions.tsx b/components/ItemDetail/helpers/TrackOptions.tsx
index 00a8e039..470667e6 100644
--- a/components/ItemDetail/helpers/TrackOptions.tsx
+++ b/components/ItemDetail/helpers/TrackOptions.tsx
@@ -188,15 +188,15 @@ export default function TrackOptions({
                                                     source={getImageApi(Client.api!).getItemImageUrlById(playlist.Id!)}
                                                     style={{
                                                         borderRadius: getToken("$1.5"),
-                                                        width: getToken("$15"),
-                                                        height: getToken("$15")
+                                                        width: getToken("$12"),
+                                                        height: getToken("$12")
                                                     }}
                                                 />
                                             </YStack>
 
                                             <YStack 
                                                 alignItems="flex-start"
-                                                flex={4} 
+                                                flex={5} 
                                             >
                                                 <Text bold fontSize={"$6"}>{playlist.Name ?? "Untitled Playlist"}</Text>