diff --git a/app/src/main/java/app/closer/ui/questions/QuestionPackLibraryScreen.kt b/app/src/main/java/app/closer/ui/questions/QuestionPackLibraryScreen.kt index 3ced4777..a93ca376 100644 --- a/app/src/main/java/app/closer/ui/questions/QuestionPackLibraryScreen.kt +++ b/app/src/main/java/app/closer/ui/questions/QuestionPackLibraryScreen.kt @@ -247,30 +247,33 @@ private fun QuestionPackCard( modifier = Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(6.dp) ) { + // Pack name and description are shown in full — this is what someone picks + // a pack by, and clipping it to "Communicati…" / "…about pers…" hid the + // very thing the card exists to communicate. Cards size to their content. Text( text = item.category.displayName.ifBlank { item.category.id.displayCategoryName() }, style = MaterialTheme.typography.titleLarge, color = MaterialTheme.colorScheme.onSurface, - fontWeight = FontWeight.SemiBold, - maxLines = 1, - overflow = TextOverflow.Ellipsis + fontWeight = FontWeight.SemiBold ) Text( text = item.category.description, style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant, - maxLines = 2, - overflow = TextOverflow.Ellipsis + color = MaterialTheme.colorScheme.onSurfaceVariant ) } - PackPill(item.promptCountLabel(), emphasis = true) } + // The count pill sits with the other pills rather than beside the title: in the + // title row it reserved width for the row's full height, squeezing the name and + // description into a narrow column that broke words mid-word once they were shown + // in full. This also matches the pill row on the pack detail page. Row( modifier = Modifier .fillMaxWidth() .horizontalScroll(rememberScrollState()), horizontalArrangement = Arrangement.spacedBy(8.dp) ) { + PackPill(item.promptCountLabel(), emphasis = true) item.metadataLabels().forEach { label -> PackPill(label, emphasis = label == "Premium") }