[CredManUi] Polish the save password screen
1. Due to the visibility icon, there is 4dp padding between 1) account, 2) ••• [visibility icon].
2. Between ••• and [visibility icon] there is 12dp.
Bug: 271625880
Test: manual (see comment for screenshots)
Change-Id: If5a0eeea21d54d0a9b8dae4ed7b25fdce9317f5d
diff --git a/packages/CredentialManager/src/com/android/credentialmanager/common/ui/Entry.kt b/packages/CredentialManager/src/com/android/credentialmanager/common/ui/Entry.kt
index 9550268..6abfde5 100644
--- a/packages/CredentialManager/src/com/android/credentialmanager/common/ui/Entry.kt
+++ b/packages/CredentialManager/src/com/android/credentialmanager/common/ui/Entry.kt
@@ -98,7 +98,10 @@
Column(modifier = Modifier.wrapContentSize()) {
SmallTitleText(entryHeadlineText)
if (passwordValue != null) {
- Row(modifier = Modifier.fillMaxWidth()) {
+ Row(
+ modifier = Modifier.fillMaxWidth(),
+ verticalAlignment = Alignment.CenterVertically,
+ ) {
val visualTransformation = remember { PasswordVisualTransformation() }
val originalPassword by remember {
mutableStateOf(passwordValue)
@@ -112,7 +115,7 @@
}
BodySmallText(displayedPassword.value)
ToggleVisibilityButton(
- modifier = Modifier.padding(start = 5.dp).size(24.dp),
+ modifier = Modifier.padding(start = 12.dp, top = 5.dp).size(24.dp),
onToggle = {
if (it) {
displayedPassword.value = originalPassword