diff --git a/watch/wearos/app/src/main/java/com/doctate/watch/presentation/CaseListScreen.kt b/watch/wearos/app/src/main/java/com/doctate/watch/presentation/CaseListScreen.kt index 439d2e5..91133c7 100644 --- a/watch/wearos/app/src/main/java/com/doctate/watch/presentation/CaseListScreen.kt +++ b/watch/wearos/app/src/main/java/com/doctate/watch/presentation/CaseListScreen.kt @@ -2,14 +2,17 @@ package com.doctate.watch.presentation import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column +import androidx.compose.foundation.layout.PaddingValues import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth +import androidx.compose.foundation.layout.heightIn import androidx.compose.foundation.layout.padding import androidx.compose.runtime.Composable import androidx.compose.runtime.getValue import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.text.style.TextAlign +import androidx.compose.ui.text.style.TextOverflow import androidx.compose.ui.unit.dp import androidx.lifecycle.compose.collectAsStateWithLifecycle import androidx.wear.compose.foundation.lazy.ScalingLazyColumn @@ -62,15 +65,24 @@ fun CaseListScreen( @Composable private fun CaseRow(case: CaseEntry, onTap: () -> Unit) { - Card(onClick = onTap, modifier = Modifier.fillMaxWidth()) { + Card( + onClick = onTap, + modifier = Modifier.fillMaxWidth().heightIn(min = 48.dp), + contentPadding = PaddingValues(horizontal = 10.dp, vertical = 6.dp), + ) { Text( text = formatTime(case.createdAt), - style = MaterialTheme.typography.labelSmall, + style = MaterialTheme.typography.bodyExtraSmall, + color = MaterialTheme.colorScheme.onSurfaceVariant, + modifier = Modifier.align(Alignment.CenterHorizontally), ) Text( text = case.oneliner ?: "…", - style = MaterialTheme.typography.bodyMedium, - modifier = Modifier.padding(top = 2.dp), + style = MaterialTheme.typography.bodySmall, + maxLines = 2, + overflow = TextOverflow.Ellipsis, + textAlign = TextAlign.Center, + modifier = Modifier.fillMaxWidth().padding(top = 2.dp), ) } }