item detail stuff

components/Global/components/item.tsx

@@ -25,7 +25,7 @@ export default function Item({
     const { width } = useSafeAreaFrame();
 
     return (
-        <View>
+        <View flex={1}>
             <Separator />
 
             <XStack
@@ -74,6 +74,7 @@ export default function Item({
                 <YStack 
                     marginLeft={"$1"}
                     justifyContent="flex-start"
+                    flex={5}
                 >
                     <Text bold>{ item.Name ?? ""}</Text>
                     { item.Type === 'Audio' || item.Type === 'MusicAlbum' ? (
@@ -83,7 +84,7 @@ export default function Item({
                     )}
                 </YStack>
 
-                <XStack alignContent="flex-end">
+                <XStack alignContent="flex-end" flex={2}>
                     { item.UserData?.IsFavorite ? (
                         <Icon 
                         small
@@ -93,6 +94,17 @@ export default function Item({
                     ) : (
                         <Spacer />
                     )}
+
+                    <Icon 
+                        small 
+                        name="dots-vertical"
+                        onPress={() => {
+                            navigation.push("Details", {
+                                item,
+                                isNested: false
+                            })
+                        }} 
+                    />
                 </XStack>
             </XStack>
         </View>

components/ItemDetail/component.tsx

@@ -1,6 +1,6 @@
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import { SafeAreaView, useSafeAreaFrame } from "react-native-safe-area-context";
+import { useSafeAreaFrame } from "react-native-safe-area-context";
 import { StackParamList } from "../types";
 import TrackOptions from "./helpers/TrackOptions";
 import { ScrollView, Spacer, View, XStack, YStack } from "tamagui";
@@ -59,10 +59,11 @@ export default function ItemDetail({
 
     return (
         <ScrollView contentInsetAdjustmentBehavior="automatic">
-            <YStack alignContent="center" flex={1}>
+            <YStack alignItems="center" flex={1}>
 
                 <XStack 
                     justifyContent="center"
+                    alignItems="center"
                     maxHeight={width / 1.5}
                     maxWidth={width / 1.5}
                 >
@@ -76,6 +77,7 @@ export default function ItemDetail({
                 <YStack 
                     marginLeft={"$0.5"} 
                     alignContent="center"
+                    justifyContent="center"
                     flex={2}
                 >
                     <Text bold fontSize={"$6"}>