diff --git a/components/home/Favorites.tv.tsx b/components/home/Favorites.tv.tsx index c0da2220..b76a7fe8 100644 --- a/components/home/Favorites.tv.tsx +++ b/components/home/Favorites.tv.tsx @@ -178,8 +178,6 @@ export const Favorites = () => { contentContainerStyle={{ paddingTop: insets.top + TOP_PADDING, paddingBottom: insets.bottom + 60, - paddingLeft: insets.left + HORIZONTAL_PADDING, - paddingRight: insets.right + HORIZONTAL_PADDING, }} > diff --git a/components/home/Home.tv.tsx b/components/home/Home.tv.tsx index edea23d3..dbeccca2 100644 --- a/components/home/Home.tv.tsx +++ b/components/home/Home.tv.tsx @@ -737,7 +737,6 @@ export const Home = () => { diff --git a/components/home/InfiniteScrollingCollectionList.tv.tsx b/components/home/InfiniteScrollingCollectionList.tv.tsx index c3e1aa34..ce32656d 100644 --- a/components/home/InfiniteScrollingCollectionList.tv.tsx +++ b/components/home/InfiniteScrollingCollectionList.tv.tsx @@ -251,7 +251,7 @@ export const InfiniteScrollingCollectionList: React.FC = ({ fontWeight: "700", color: "#FFFFFF", marginBottom: 20, - marginLeft: SCALE_PADDING, + marginLeft: sizes.padding.horizontal, letterSpacing: 0.5, }} > @@ -263,7 +263,7 @@ export const InfiniteScrollingCollectionList: React.FC = ({ style={{ color: "#737373", fontSize: typography.callout, - marginLeft: SCALE_PADDING, + marginLeft: sizes.padding.horizontal, }} > {t("home.no_items")} @@ -329,9 +329,13 @@ export const InfiniteScrollingCollectionList: React.FC = ({ removeClippedSubviews={false} maintainVisibleContentPosition={{ minIndexForVisible: 0 }} style={{ overflow: "visible" }} + contentInset={{ + left: sizes.padding.horizontal, + right: sizes.padding.horizontal, + }} + contentOffset={{ x: -sizes.padding.horizontal, y: 0 }} contentContainerStyle={{ paddingVertical: SCALE_PADDING, - paddingHorizontal: SCALE_PADDING, }} ListFooterComponent={ = ({ fontWeight: "700", color: "#FFFFFF", marginBottom: 20, - marginLeft: SCALE_PADDING, + marginLeft: sizes.padding.horizontal, letterSpacing: 0.5, }} > @@ -188,9 +188,13 @@ const WatchlistSection: React.FC = ({ removeClippedSubviews={false} getItemLayout={getItemLayout} style={{ overflow: "visible" }} + contentInset={{ + left: sizes.padding.horizontal, + right: sizes.padding.horizontal, + }} + contentOffset={{ x: -sizes.padding.horizontal, y: 0 }} contentContainerStyle={{ paddingVertical: SCALE_PADDING, - paddingHorizontal: SCALE_PADDING, }} /> )} diff --git a/components/home/StreamystatsRecommendations.tv.tsx b/components/home/StreamystatsRecommendations.tv.tsx index b72d120d..a35da259 100644 --- a/components/home/StreamystatsRecommendations.tv.tsx +++ b/components/home/StreamystatsRecommendations.tv.tsx @@ -197,7 +197,7 @@ export const StreamystatsRecommendations: React.FC = ({ fontWeight: "700", color: "#FFFFFF", marginBottom: 20, - marginLeft: sizes.padding.scale, + marginLeft: sizes.padding.horizontal, letterSpacing: 0.5, }} > @@ -240,9 +240,13 @@ export const StreamystatsRecommendations: React.FC = ({ removeClippedSubviews={false} getItemLayout={getItemLayout} style={{ overflow: "visible" }} + contentInset={{ + left: sizes.padding.horizontal, + right: sizes.padding.horizontal, + }} + contentOffset={{ x: -sizes.padding.horizontal, y: 0 }} contentContainerStyle={{ paddingVertical: sizes.padding.scale, - paddingHorizontal: sizes.padding.scale, }} /> )} diff --git a/components/search/TVSearchPage.tsx b/components/search/TVSearchPage.tsx index feba7c2d..69c7fc21 100644 --- a/components/search/TVSearchPage.tsx +++ b/components/search/TVSearchPage.tsx @@ -222,12 +222,15 @@ export const TVSearchPage: React.FC = ({ contentContainerStyle={{ paddingTop: insets.top + TOP_PADDING, paddingBottom: insets.bottom + 60, - paddingLeft: insets.left + HORIZONTAL_PADDING, - paddingRight: insets.right + HORIZONTAL_PADDING, }} > {/* Search Input */} - + = ({ {/* Search Type Tab Badges */} {showDiscover && ( - + = ({ fontWeight: "700", color: "#FFFFFF", marginBottom: 20, - marginLeft: SCALE_PADDING, + marginLeft: sizes.padding.horizontal, letterSpacing: 0.5, }} > @@ -293,9 +293,13 @@ export const TVSearchSection: React.FC = ({ removeClippedSubviews={false} getItemLayout={getItemLayout} style={{ overflow: "visible" }} + contentInset={{ + left: sizes.padding.horizontal, + right: sizes.padding.horizontal, + }} + contentOffset={{ x: -sizes.padding.horizontal, y: 0 }} contentContainerStyle={{ paddingVertical: SCALE_PADDING, - paddingHorizontal: SCALE_PADDING, }} />