Fix transition animation showing a weird jump

Author: bentrengrove

Jetcaster/tv/src/main/java/com/example/jetcaster/tv/MainActivity.kt

@@ -37,7 +37,8 @@ class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContent {
-            JetcasterTheme {
+            // TV is hardcoded to dark mode to match TV ui
+            JetcasterTheme(isInDarkTheme = true) {
                 Surface(
                     modifier = Modifier.fillMaxSize(),
                     shape = RectangleShape

Jetcaster/tv/src/main/java/com/example/jetcaster/tv/ui/JetcasterApp.kt

@@ -217,13 +217,15 @@ private fun Route(jetcasterAppState: JetcasterAppState) {
         composable(Screen.Profile.route) {
             ProfileScreen(
                 modifier = Modifier
+                    .fillMaxSize()
                     .padding(JetcasterAppDefaults.overScanMargin.default.intoPaddingValues())
             )
         }
 
         composable(Screen.Settings.route) {
             SettingsScreen(
                 modifier = Modifier
+                    .fillMaxSize()
                     .padding(JetcasterAppDefaults.overScanMargin.default.intoPaddingValues())
             )
         }

Jetcaster/tv/src/main/java/com/example/jetcaster/tv/ui/component/PodcastCard.kt

@@ -41,7 +41,7 @@ internal fun PodcastCard(
                 onClick = onClick,
                 interactionSource = it,
                 scale = CardScale.None,
-                shape = CardDefaults.shape(RoundedCornerShape(16.dp))
+                shape = CardDefaults.shape(RoundedCornerShape(12.dp))
             ) {
                 Thumbnail(
                     podcastInfo = podcastInfo,

Jetcaster/tv/src/main/java/com/example/jetcaster/tv/ui/episode/EpisodeScreen.kt

@@ -20,6 +20,7 @@ import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
@@ -52,16 +53,18 @@ fun EpisodeScreen(
 
     val uiState by episodeScreenViewModel.uiStateFlow.collectAsState()
 
+    val screenModifier = modifier.fillMaxSize()
     when (val s = uiState) {
-        EpisodeScreenUiState.Loading -> Loading(modifier = modifier)
-        EpisodeScreenUiState.Error -> ErrorState(backToHome = backToHome, modifier = modifier)
+        EpisodeScreenUiState.Loading -> Loading(modifier = screenModifier)
+        EpisodeScreenUiState.Error -> ErrorState(backToHome = backToHome, modifier = screenModifier)
         is EpisodeScreenUiState.Ready -> EpisodeDetailsWithBackground(
             playerEpisode = s.playerEpisode,
             playEpisode = {
                 episodeScreenViewModel.play(it)
                 playEpisode()
             },
-            addPlayList = episodeScreenViewModel::addPlayList
+            addPlayList = episodeScreenViewModel::addPlayList,
+            modifier = screenModifier
         )
     }
 }

Jetcaster/tv/src/main/java/com/example/jetcaster/tv/ui/podcast/PodcastDetailsScreen.kt

@@ -128,7 +128,6 @@ private fun PodcastDetailsWithBackground(
             enqueue = enqueue,
             modifier = Modifier
                 .fillMaxSize()
-                .padding(JetcasterAppDefaults.overScanMargin.podcast.intoPaddingValues())
         )
     }
 }
@@ -157,7 +156,12 @@ private fun PodcastDetails(
                 isSubscribed = isSubscribed,
                 subscribe = subscribe,
                 unsubscribe = unsubscribe,
-                modifier = Modifier.weight(0.3f),
+                modifier = Modifier
+                    .weight(0.3f)
+                    .padding(
+                        JetcasterAppDefaults.overScanMargin.podcast.copy(end = 0.dp)
+                            .intoPaddingValues()
+                    ),
             )
         },
         second = {
@@ -258,7 +262,8 @@ private fun PodcastEpisodeList(
 ) {
     TvLazyColumn(
         verticalArrangement = Arrangement.spacedBy(JetcasterAppDefaults.gap.podcastRow),
-        modifier = modifier
+        modifier = modifier,
+        contentPadding = JetcasterAppDefaults.overScanMargin.podcast.intoPaddingValues()
     ) {
         items(episodeList) {
             EpisodeListItem(