update tutorial descriptions and text formatting

Author: UrAvgCode

app/src/main/java/com/uravgcode/chooser/tutorial/presentation/TutorialScreen.kt

@@ -64,40 +64,49 @@ fun TutorialScreen(
                         Page.WELCOME -> TutorialPage(
                             previewId = R.drawable.chooser_preview_animated,
                             title = "Welcome to Chooser",
-                            description = "Place your fingers on the screen and let the app choose for you",
+                            description = "Make quick, unbiased decisions with a touch. Place multiple fingers on screen, wait a brief moment, and Chooser will do the rest.",
                             isVisible = isPageFullyVisible,
                         )
 
                         Page.BUTTON -> TutorialPage(
                             previewId = R.drawable.button_preview_animated,
                             title = "How to Use",
-                            description = "Mode Button: Switch between Single, Group, and Order modes\n" +
-                                "Number Button: Change the number of winners or groups\n" +
-                                "Settings: Long press Mode button for settings",
+                            description = """
+                                <p>
+                                  <b>Mode Button</b><br>
+                                  Switch between Single, Group, and Order modes.
+                                  <b>Long press</b> to access additional settings.
+                                </p>
+                                <br>
+                                <p>
+                                  <b>Number Button</b><br>
+                                  Adjust how many fingers to select or groups to create.
+                                </p>
+                            """,
                             isVisible = true,
                         )
 
                         Page.SINGLE_MODE -> TutorialPage(
                             iconId = R.drawable.single_icon,
                             previewId = R.drawable.single_preview_animated,
                             title = "Single Mode",
-                            description = "Chooses a random finger from all placed on screen",
+                            description = "Selects a random finger from all touching the screen.",
                             isVisible = isPageFullyVisible,
                         )
 
                         Page.GROUP_MODE -> TutorialPage(
                             iconId = R.drawable.group_icon,
                             previewId = R.drawable.group_preview_animated,
                             title = "Group Mode",
-                            description = "Divides all fingers into equal teams",
+                            description = "Divides all fingers into balanced teams or groups.",
                             isVisible = isPageFullyVisible,
                         )
 
                         Page.ORDER_MODE -> TutorialPage(
                             iconId = R.drawable.order_icon,
                             previewId = R.drawable.order_preview_animated,
                             title = "Order Mode",
-                            description = "Assigns a random order to all fingers",
+                            description = "Creates a random sequence of all fingers on screen.",
                             isVisible = isPageFullyVisible,
                         )
                     }

app/src/main/java/com/uravgcode/chooser/tutorial/presentation/component/TutorialPage.kt

@@ -28,7 +28,9 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.fromHtml
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.delay
@@ -78,7 +80,7 @@ fun TutorialPage(
                     painter = painterResource(it),
                     contentDescription = null,
                     modifier = Modifier
-                        .size(38.dp)
+                        .size(42.dp)
                         .padding(end = 8.dp),
                 )
             }
@@ -89,7 +91,7 @@ fun TutorialPage(
             )
         }
         Text(
-            text = description,
+            text = AnnotatedString.fromHtml(description),
             textAlign = TextAlign.Center,
             modifier = Modifier.padding(top = 8.dp)
         )