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,