[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

1 files changed, 5 insertions, 2 deletions

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 9550268364a1..6abfde5e90c9 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 @@ fun Entry(
                 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 @@ fun Entry(
                             }
                             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