diff --git a/src/components/home/ThisWeekSection.tsx b/src/components/home/ThisWeekSection.tsx index 167a54c..719416d 100644 --- a/src/components/home/ThisWeekSection.tsx +++ b/src/components/home/ThisWeekSection.tsx @@ -204,15 +204,15 @@ export const ThisWeekSection = () => { activeOpacity={0.8} > - - + /> + {/* Enhanced gradient overlay */} - { 'rgba(0,0,0,0.8)', 'rgba(0,0,0,0.95)' ]} - style={styles.gradient} + style={styles.gradient} locations={[0, 0.4, 0.6, 0.8, 1]} > {/* Content area */} @@ -232,7 +232,7 @@ export const ThisWeekSection = () => { {item.title} - + {item.overview && ( {item.overview} @@ -243,17 +243,17 @@ export const ThisWeekSection = () => { S{item.season}:E{item.episode} • - {formattedDate} - - + + @@ -264,7 +264,7 @@ export const ThisWeekSection = () => { - This Week + This Week diff --git a/src/screens/CalendarScreen.tsx b/src/screens/CalendarScreen.tsx index dd7b0c2..cf61468 100644 --- a/src/screens/CalendarScreen.tsx +++ b/src/screens/CalendarScreen.tsx @@ -10,7 +10,8 @@ import { SafeAreaView, StatusBar, Dimensions, - SectionList + SectionList, + Platform } from 'react-native'; import { useNavigation } from '@react-navigation/native'; import { NavigationProp } from '@react-navigation/native'; @@ -28,6 +29,7 @@ import { tmdbService } from '../services/tmdbService'; import { logger } from '../utils/logger'; const { width } = Dimensions.get('window'); +const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0; interface CalendarEpisode { id: string; @@ -663,6 +665,8 @@ const styles = StyleSheet.create({ flexDirection: 'row', alignItems: 'center', padding: 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, + borderBottomWidth: 1, }, backButton: { padding: 8,