fix: small design fixes

app/(auth)/(tabs)/(home)/settings.tsx

@@ -34,14 +34,7 @@ export default function settings() {
         paddingBottom: 100,
       }}
     >
-      <View
-        className="p-4 flex flex-col gap-y-4"
-        style={{
-          paddingLeft: insets.left,
-          paddingRight: insets.right,
-          paddingBottom: 100,
-        }}
-      >
+      <View className="p-4 flex flex-col gap-y-4">
         <Text className="font-bold text-2xl">Information</Text>
 
         <View className="flex flex-col rounded-xl mb-4 overflow-hidden border-neutral-800 divide-y-2 divide-solid divide-neutral-800 ">

components/Chromecast.tsx

@@ -1,6 +1,6 @@
 import { BlurView } from "expo-blur";
 import React, { useEffect } from "react";
-import { View, ViewProps } from "react-native";
+import { Platform, View, ViewProps } from "react-native";
 import GoogleCast, {
   CastButton,
   useCastDevice,
@@ -37,6 +37,16 @@ export const Chromecast: React.FC<Props> = ({
   }, [client, devices, castDevice, sessionManager, discoveryManager]);
 
   if (background === "transparent")
+    return (
+      <View
+        className="rounded-full h-10 w-10 flex items-center justify-center b"
+        {...props}
+      >
+        <CastButton style={{ tintColor: "white", height, width }} />
+      </View>
+    );
+
+  if (Platform.OS === "android")
     return (
       <View
         className="rounded-full h-10 w-10 flex items-center justify-center bg-neutral-800/80"

components/downloads/SeriesCard.tsx

@@ -25,7 +25,7 @@ export const SeriesCard: React.FC<{ items: BaseItemDto[] }> = ({ items }) => {
   return (
     <View>
       <View className="flex flex-row items-center justify-between">
-        <Text className="text-2xl font-bold">{items[0].SeriesName}</Text>
+        <Text className="text-2xl font-bold shrink">{items[0].SeriesName}</Text>
         <View className="bg-purple-600 rounded-full h-6 w-6 flex items-center justify-center">
           <Text className="text-xs font-bold">{items.length}</Text>
         </View>