From 8b3b492f5e3be42d6731eaf86d6606965b525576 Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Thu, 29 Aug 2024 13:10:54 +0200
Subject: [PATCH] fix: small design fixes

---
 app/(auth)/(tabs)/(home)/settings.tsx |  9 +--------
 components/Chromecast.tsx             | 12 +++++++++++-
 components/downloads/SeriesCard.tsx   |  2 +-
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/(auth)/(tabs)/(home)/settings.tsx b/app/(auth)/(tabs)/(home)/settings.tsx
index 2a64b3ce..c688f9b2 100644
--- a/app/(auth)/(tabs)/(home)/settings.tsx
+++ b/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 ">
diff --git a/components/Chromecast.tsx b/components/Chromecast.tsx
index 60c4400d..0b8c9cce 100644
--- a/components/Chromecast.tsx
+++ b/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"
diff --git a/components/downloads/SeriesCard.tsx b/components/downloads/SeriesCard.tsx
index 96c63675..c010ca04 100644
--- a/components/downloads/SeriesCard.tsx
+++ b/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>