Fix shadow and ripple on Popular cards.

Change-Id: Id256da2041e7132b80f6f5b7501fcf569127adb6

Author: nickbutcher

Diff for: JetNews/app/src/main/java/com/example/jetnews/ui/home/HomeScreen.kt

@@ -264,9 +264,9 @@ private fun HomeScreenPopularSection(
                 style = MaterialTheme.typography.subtitle1
             )
         }
-        HorizontalScroller(modifier = Modifier.padding(end = 16.dp, bottom = 16.dp)) {
+        HorizontalScroller(modifier = Modifier.padding(end = 16.dp)) {
             posts.forEach { post ->
-                PostCardPopular(post, navigateTo, Modifier.padding(start = 16.dp))
+                PostCardPopular(post, navigateTo, Modifier.padding(start = 16.dp, bottom = 16.dp))
             }
         }
         HomeScreenDivider()

Diff for: JetNews/app/src/main/java/com/example/jetnews/ui/home/PostCardYourNetwork.kt

@@ -51,9 +51,8 @@ fun PostCardPopular(
     Card(
         shape = MaterialTheme.shapes.medium,
         modifier = modifier.preferredSize(280.dp, 240.dp)
-            .clickable(onClick = { navigateTo(Screen.Article(post.id)) })
     ) {
-        Column {
+        Column(modifier = Modifier.clickable(onClick = { navigateTo(Screen.Article(post.id)) })) {
             val image = post.image ?: imageResource(R.drawable.placeholder_4_3)
             Image(
                 asset = image,