Administration: Fix misaligned icon in user profile password field.

This changeset corrects a misalignment issue affecting the show/hide button next to the password field.

Reviewed by peterwilsoncc.
Merges [62262] and [62272] to the 7.0 branch.

Props piyushpatel123, rajdiptank111, ankitkumarshah, andrewssanya, jdahir0789, gautammkgarg, gaurangsondagar, gaisma22, ugyensupport, abduremon, ankitmaru, darshitrajyaguru97, khushdoms, monzuralam, mukesh27, wildworks.

git-svn-id: https://develop.svn.wordpress.org/branches/7.0@62274 602fd350-edb4-49c9-b593-d223f7449a82

Author: t-hamano

src/wp-admin/css/forms.css

@@ -583,6 +583,12 @@ input[type="number"].tiny-text {
 	vertical-align: middle;
 }
 
+.button.wp-hide-pw.user-new-password-toggle {
+	display: inline-flex;
+	align-items: center;
+	column-gap: 4px;
+}
+
 .wp-cancel-pw .dashicons-no {
 	display: none;
 }

src/wp-admin/user-edit.php

@@ -695,7 +695,7 @@
 											<input type="password" name="pass1" id="pass1" class="regular-text ltr" value="" autocomplete="new-password" spellcheck="false" data-pw="<?php echo esc_attr( wp_generate_password( 24 ) ); ?>" aria-describedby="pass-strength-result" />
 											<div style="display:none" id="pass-strength-result" aria-live="polite"></div>
 										</div>
-										<button type="button" class="button wp-hide-pw hide-if-no-js" data-toggle="0" aria-label="<?php esc_attr_e( 'Hide password' ); ?>">
+										<button type="button" class="button wp-hide-pw user-new-password-toggle hide-if-no-js" data-toggle="0" aria-label="<?php esc_attr_e( 'Hide password' ); ?>">
 											<span class="dashicons dashicons-hidden" aria-hidden="true"></span>
 											<span class="text"><?php _e( 'Hide' ); ?></span>
 										</button>