android: keep the BETA badge on one line on narrow mode cards

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/frontends/android/app/src/main/java/org/strongswan/android/ui/compose/routing/RuSitesCard.kt

@@ -204,22 +204,33 @@ private fun ModeCard(
 			{
 				RadioButton(selected = selected, onClick = null, modifier = Modifier.size(20.dp))
 				Spacer(Modifier.width(ShxSpacing.sm))
-				Text(text = title, style = MaterialTheme.typography.titleSmall, fontWeight = FontWeight.SemiBold)
+				/* FlowRow: on narrow cards the BETA badge drops below the title
-				if (beta)
+				 * as a whole instead of wrapping letter by letter */
+				androidx.compose.foundation.layout.FlowRow(
+					horizontalArrangement = Arrangement.spacedBy(6.dp),
+					verticalArrangement = Arrangement.spacedBy(2.dp),
+					itemVerticalAlignment = Alignment.CenterVertically,
+					modifier = Modifier.weight(1f),
+				)
 				{
-					Spacer(Modifier.width(6.dp))
+					Text(text = title, style = MaterialTheme.typography.titleSmall, fontWeight = FontWeight.SemiBold)
-					Surface(
+					if (beta)
-						shape = MaterialTheme.shapes.extraSmall,
-						color = MaterialTheme.colorScheme.tertiaryContainer,
-						contentColor = MaterialTheme.colorScheme.onTertiaryContainer,
-					)
 					{
-						Text(
+						Surface(
-							text = stringResource(R.string.routing_mode_beta),
+							shape = MaterialTheme.shapes.extraSmall,
-							style = MaterialTheme.typography.labelSmall,
+							color = MaterialTheme.colorScheme.tertiaryContainer,
-							fontWeight = FontWeight.SemiBold,
+							contentColor = MaterialTheme.colorScheme.onTertiaryContainer,
-							modifier = Modifier.padding(horizontal = 6.dp, vertical = 2.dp),
 						)
+						{
+							Text(
+								text = stringResource(R.string.routing_mode_beta),
+								style = MaterialTheme.typography.labelSmall,
+								fontWeight = FontWeight.SemiBold,
+								maxLines = 1,
+								softWrap = false,
+								modifier = Modifier.padding(horizontal = 6.dp, vertical = 2.dp),
+							)
+						}
 					}
 				}
 			}