wrap IconButton and HorizontalDivider in a Box with zIndex and unbounded height to prevent layout shifts in VocabularyCard

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(
+                    Box(
-                        verticalAlignment = Alignment.CenterVertically,
+                        modifier = Modifier
-                        modifier = Modifier.padding(horizontal = 4.dp)
+                            .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(
+                        Row(
-                            modifier = Modifier.weight(1f),
+                            verticalAlignment = Alignment.CenterVertically,
-                            color = MaterialTheme.colorScheme.outline.copy(alpha = 0.3f)
+                            modifier = Modifier.fillMaxWidth()
-                        )
+                        ) {
-                        if (!exerciseMode && !isFlipped) {
+                            HorizontalDivider(
-                            IconButton(onClick = { showActionPanel = true }) {
+                                modifier = Modifier.weight(1f),
-                                Icon(
+                                color = MaterialTheme.colorScheme.outline.copy(alpha = 0.3f)
-                                    imageVector = AppIcons.MoreVert,
+                            )
-                                    contentDescription = stringResource(R.string.more),
+                            if (!exerciseMode && !isFlipped) {
-                                    tint = MaterialTheme.colorScheme.onSurfaceVariant
+                                IconButton(onClick = { showActionPanel = true }) {
-                                )
+                                    Icon(
+                                        imageVector = AppIcons.MoreVert,
+                                        contentDescription = stringResource(R.string.more),
+                                        tint = MaterialTheme.colorScheme.onSurfaceVariant
+                                    )
+                                }
                             }
                         }
                     }