Merge pull request #89 from gabrielbmoro/feature/details-fix-margin-s…

…paces fix(details): Fix spacing issue in GenresCard component
gabrielbmoro · Oct 15, 2023 · 71ab30d · 71ab30d
2 parents a0e4762 + 165996e
commit 71ab30d
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/feature_details/src/main/java/com/gabrielbmoro/moviedb/details/ui/widgets/GenresCard.kt b/src/feature_details/src/main/java/com/gabrielbmoro/moviedb/details/ui/widgets/GenresCard.kt
@@ -20,20 +20,24 @@ import com.gabrielbmoro.moviedb.core.ui.theme.ThemePreviews
 fun GenresCard(genres: List<String>, modifier: Modifier = Modifier) {
     FlowRow(
         modifier = modifier,
-        horizontalArrangement = Arrangement.spacedBy(5.dp),
+        horizontalArrangement = Arrangement.spacedBy(8.dp),
         maxItemsInEachRow = 4
     ) {
         genres.forEach {
             Card(
                 shape = CircleShape,
+                modifier = Modifier.padding(vertical = 4.dp),
                 colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.secondary)
             ) {
                 Text(
                     text = it,
-                    style = MaterialTheme.typography.labelMedium.copy(
+                    style = MaterialTheme.typography.labelLarge.copy(
                         color = MaterialTheme.colorScheme.secondaryContainer
                     ),
-                    modifier = Modifier.padding(horizontal = 8.dp, vertical = 2.dp)
+                    modifier = Modifier.padding(
+                        horizontal = 8.dp,
+                        vertical = 4.dp
+                    )
                 )
             }
         }
@@ -49,6 +53,9 @@ fun GenresCardPreview() {
                 "Action",
                 "Drama",
                 "Comedy",
+                "Terror",
+                "Drama",
+                "Comedy",
                 "Terror"
             )
         )