diff --git a/app/src/main/java/eu/gaudian/translator/view/vocabulary/card/VocabularyCard.kt b/app/src/main/java/eu/gaudian/translator/view/vocabulary/card/VocabularyCard.kt index 3a5e4d0..094ca84 100644 --- a/app/src/main/java/eu/gaudian/translator/view/vocabulary/card/VocabularyCard.kt +++ b/app/src/main/java/eu/gaudian/translator/view/vocabulary/card/VocabularyCard.kt @@ -10,10 +10,12 @@ import androidx.compose.foundation.layout.IntrinsicSize import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize +import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size import androidx.compose.foundation.layout.width +import androidx.compose.foundation.layout.wrapContentHeight import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.verticalScroll @@ -52,6 +54,7 @@ import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.text.withStyle import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp +import androidx.compose.ui.zIndex import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel import androidx.navigation.NavController import eu.gaudian.translator.R @@ -294,21 +297,30 @@ fun VocabularyCard( } ) - Row( - verticalAlignment = Alignment.CenterVertically, - modifier = Modifier.padding(horizontal = 4.dp) + Box( + modifier = Modifier + .fillMaxWidth() + .height(0.dp) // Take 0 structural space + .wrapContentHeight(unbounded = true) // Allow children to render at their full size + .zIndex(1f), // Ensure it draws over the bottom CardFace + contentAlignment = Alignment.Center ) { - HorizontalDivider( - modifier = Modifier.weight(1f), - color = MaterialTheme.colorScheme.outline.copy(alpha = 0.3f) - ) - if (!exerciseMode && !isFlipped) { - IconButton(onClick = { showActionPanel = true }) { - Icon( - imageVector = AppIcons.MoreVert, - contentDescription = stringResource(R.string.more), - tint = MaterialTheme.colorScheme.onSurfaceVariant - ) + Row( + verticalAlignment = Alignment.CenterVertically, + modifier = Modifier.fillMaxWidth() + ) { + HorizontalDivider( + modifier = Modifier.weight(1f), + color = MaterialTheme.colorScheme.outline.copy(alpha = 0.3f) + ) + if (!exerciseMode && !isFlipped) { + IconButton(onClick = { showActionPanel = true }) { + Icon( + imageVector = AppIcons.MoreVert, + contentDescription = stringResource(R.string.more), + tint = MaterialTheme.colorScheme.onSurfaceVariant + ) + } } } }