fix(tv): make jellyseerr action buttons the same size

Request all / Request seasons wrapped their icon+text in a View with a
hardcoded height: 40 and used a smaller icon (20) than Play (28), so the
two buttons rendered taller than the Play button. Drop the wrapper and
match Play's icon size/margin so all three TVButtons size to the same
content and render identically.

Claude-Session: https://claude.ai/code/session_016Hhu5DruGLPhdP4LAoy1Xd
This commit is contained in:
Fredrik Burmester
2026-07-01 14:05:36 +02:00
parent 6a1b34ee17
commit a5c2b7d25a

View File

@@ -685,29 +685,21 @@ export const TVJellyseerrPage: React.FC = () => {
hasTVPreferredFocus={!hasJellyfinMedia}
refSetter={!hasJellyfinMedia ? setPlayButtonRef : undefined}
>
<View
<Ionicons
name='bag-add'
size={28}
color='#FFFFFF'
style={{ marginRight: 10 }}
/>
<Text
style={{
height: 40,
flexDirection: "row",
alignItems: "center",
fontSize: typography.callout,
fontWeight: "bold",
color: "#FFFFFF",
}}
>
<Ionicons
name='bag-add'
size={20}
color='#FFFFFF'
style={{ marginRight: 8 }}
/>
<Text
style={{
fontSize: typography.callout,
fontWeight: "600",
color: "#FFFFFF",
}}
>
{t("jellyseerr.request_all")}
</Text>
</View>
{t("jellyseerr.request_all")}
</Text>
</TVButton>
)}
@@ -719,29 +711,21 @@ export const TVJellyseerrPage: React.FC = () => {
onPress={handleOpenSeasonSelectModal}
variant='secondary'
>
<View
<Ionicons
name='list'
size={28}
color='#FFFFFF'
style={{ marginRight: 10 }}
/>
<Text
style={{
height: 40,
flexDirection: "row",
alignItems: "center",
fontSize: typography.callout,
fontWeight: "bold",
color: "#FFFFFF",
}}
>
<Ionicons
name='list'
size={20}
color='#FFFFFF'
style={{ marginRight: 8 }}
/>
<Text
style={{
fontSize: typography.callout,
fontWeight: "600",
color: "#FFFFFF",
}}
>
{t("jellyseerr.request_seasons")}
</Text>
</View>
{t("jellyseerr.request_seasons")}
</Text>
</TVButton>
)}
</View>