From b17eefac39be1cc16ceee26ca3f019ea7aad9f57 Mon Sep 17 00:00:00 2001 From: Thomas Andres Gomez Date: Wed, 2 Aug 2023 09:57:35 +0200 Subject: [PATCH] Fix questItem spacing. --- .../ui/screens/quest/list/QuestItem.kt | 64 ++++++++++--------- 1 file changed, 34 insertions(+), 30 deletions(-) diff --git a/app/src/main/java/com/pixelized/rplexicon/ui/screens/quest/list/QuestItem.kt b/app/src/main/java/com/pixelized/rplexicon/ui/screens/quest/list/QuestItem.kt index b395f8d..de8e124 100644 --- a/app/src/main/java/com/pixelized/rplexicon/ui/screens/quest/list/QuestItem.kt +++ b/app/src/main/java/com/pixelized/rplexicon/ui/screens/quest/list/QuestItem.kt @@ -2,6 +2,7 @@ package com.pixelized.rplexicon.ui.screens.quest.list import android.content.res.Configuration import androidx.compose.foundation.layout.Arrangement +import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Row import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface @@ -52,39 +53,42 @@ fun QuestItem( ) { val typography = MaterialTheme.lexicon.typography - Row( + Box( modifier = modifier, - verticalAlignment = Alignment.CenterVertically, - horizontalArrangement = Arrangement.spacedBy(8.dp), + contentAlignment = Alignment.CenterStart, ) { - Text( - modifier = when (item.placeholder) { - true -> Modifier.placeholder { true } - else -> Modifier.alignByBaseline() - }, - text = if (item.complete) "⧫" else "◊", - ) - Text( - modifier = when (item.placeholder) { - true -> Modifier.placeholder { true } - else -> Modifier.alignByBaseline() - }, - text = remember(item.placeholder) { - AnnotatedString( - text = item.title, - spanStyles = when (item.placeholder) { - true -> emptyList() - else -> listOf( - AnnotatedString.Range( - item = typography.dropCapMediumSpan, - start = 0, - end = 1, + Row( + horizontalArrangement = Arrangement.spacedBy(8.dp), + ) { + Text( + modifier = when (item.placeholder) { + true -> Modifier.placeholder { true } + else -> Modifier.alignByBaseline() + }, + text = if (item.complete) "⧫" else "◊", + ) + Text( + modifier = when (item.placeholder) { + true -> Modifier.placeholder { true } + else -> Modifier.alignByBaseline() + }, + text = remember(item.placeholder) { + AnnotatedString( + text = item.title, + spanStyles = when (item.placeholder) { + true -> emptyList() + else -> listOf( + AnnotatedString.Range( + item = typography.dropCapMediumSpan, + start = 0, + end = 1, + ) ) - ) - }, - ) - }, - ) + }, + ) + }, + ) + } } }